How to add the background to the submenu in Joomla 4

How to add the background to the submenu in Joomla 4

DJ-MegaMenu comes with a built-in functionality that allows displaying a background image for a submenu of each menu item.
To do that you need to follow few easy steps:

I assume that you already have the DJ-MegaMenu module installed and published on your site. If not, please check the documentation.

Step1:

Go to Menus -> [menu name] and edit the menu item for which you want to add a background image to a submenu.

Step2:

In the menu items settings, go to the DJ-MegaMenu Options tab.
Here you will find all settings related to the DJ-MegaMenu module.

Step3:

Scroll down to the Submenu Background section.
Click on the Select button next to the Background Image option and select the image you wish to display for a submenu (1).
Below you will find two additional options for controlling the horizontal (2) and vertical position (3) of the image.


Step4:

Save the settings and you should see the background image applied to the submenu:



Repeat the steps for other menu items where you want to add a background image to a submenu.

      • Related Articles

      • How to add the background to the submenu

        DJ-MegaMenu comes with a built-in functionality that allows displaying a background image for a submenu of each menu item. To do that you need to follow few easy steps: I assume that you already have the DJ-MegaMenu module installed and published on ...
      • How to add the background to the submenu

        DJ-MegaMenu comes with a built-in functionality that allows displaying a background image for a submenu of each menu item. To do that you need to follow few easy steps: I assume that you already have the DJ-MegaMenu module installed and published on ...
      • Full width submenu and percentage columns' widths

        DJ-MegaMenu allows setting the submenu of the first level menu item to be 100% menu wide and define the columns' widths in percents instead of pixels. This is a great option which can improve your mega menu layout and makes it fully responsive at the ...
      • How to use video background instead of image in the slideshow?

        If you want to create a more eye-catching slideshow on your website you can now use YouTube, Video or MP4 video in the slideshow instead of a static image.  Background Video option is available since DJ-MediaTools 2.12+ . It's applicable only for ...
      • How to add icon to menu item title in Joomla 4

        Adding icon to menu item title is core Joomla! feature supported by our menu module. To add the icon please go to the menu item edit form and choose the "Link Image" in "Link Type Options" tab.