The Mobile Menu sub-section controls the appearance of the navigation on small screens, including the hamburger toggle and the mobile menu panel.
Menu Toggle (Hamburger) Button
| Setting |
Description |
| Mobile Menu Opener Icon Size |
Font size of the hamburger/toggle icon. |
| Mobile Menu Opener Icon Color |
Normal and Hover colours for the toggle icon. |
| Spacing for Mobile Menu Opener |
Margin around the toggle icon. |
| Mobile Menu Space from Top |
Distance (without “px”) from the top of the viewport where the mobile menu dropdown appears. |
Mobile Menu Panel
| Setting |
Description |
| Background Color for Mobile Menu |
Background colour of the mobile navigation panel. |
| Mobile Menu Links Color |
Normal and Hover colours for mobile menu links. |
| Mobile Menu Links Border Bottom |
Border style applied to the bottom of each mobile menu link. |
Sub-Menu Openers
| Setting |
Description |
| Width/Height of Sub Menu Opener |
Dimensions of the button that opens first-level sub-menus. Default: 75×51px. |
| Background for Sub Menu Opener |
Background colour of the sub-menu opener button. |
| Sub Menu Opener Icon Size |
Font size of the sub-menu opener icon. Default: 16px. |
| Sub Menu Opener Icon Color |
Normal colour of the sub-menu opener icon. |
| Width/Height of Sub-Sub Menu Opener |
Dimensions of the button for second-level sub-menus. Default: 75×38px. |
| Background for Sub-Sub Menu Opener |
Background colour of the second-level sub-menu opener. |
| Sub-Sub Menu Opener Icon Size |
Font size of the second-level sub-menu opener icon. Default: 16px. |
| Sub-Sub Menu Opener Icon Color |
Normal colour of the second-level sub-menu opener icon. |