How to customize the mobile menu in Joomla website builder Gridbox?




Joomla website builder Gridbox allows you to customize a mobile menu to make it look good on any device. The mobile menu in the Gridbox consists of the following elements: hamburger menu icon, overlay section, and menu items.




Customizing the menu icon


The hamburger menu is the icon with three horizontal lines at the top corner of the screen that allows you to collapse the navigation bar on mobile devices.


To customize the open and closed states of the icon, go to the Mobile Editor and select Device ➝ Menu Settings ➝ tab Mobile.


  • Enable is the option that allows you to collapse the navigation bar on mobile devices
  • Icon Open and Icon Close come with settings that allow you to customize the color, opacity, and position of the menu icon




Customizing the overlay section


The overlay section is the box that contains your mobile menu. 

  • Collapse submenu is an option that allows you to collapse submenu items
  • Position is an option that allows you to set the position of the overlay section (left, center, right)
  • Background comes with settings that allow you to customize the color and opacity of the overlay section




Customizing the menu items


The menu items are a list of pages on your mobile site.
Use the tab General, Design, Layout to customize menu items.

Related articles