Menu Item Options

To adjust the mege menu settings for an item, go to Appearance > Menus, hover over a menu item and click the blue “Mega Menu” button.

menu-item-settings

Hide Text

To hide the menu item text, check the ‘Hide Text’ option and save. This is useful for displaying social icons in your menu (where only the icon is needed).

Hide Arrow

To hide the menu item arrow indicator check the ‘Hide Arrow’ option and save.

The disable link option will remove the “href” attribute from the menu item link.

Hide Item On Mobile

Check this option to hide a menu item on the mobile/responsive version of your menu. The menu item will be displayed on desktop, but not on mobile.

Hide Item On Desktop

Check this option to hide a menu item on the desktop/standard version of your menu. The menu item will be displayed on mobile, but not on desktop.

Menu items are aligned to the left of the menu by default. To align a single menu item to the right (e.g. for social icons), set the Menu Item Align option to ‘Right’.

Note: Right aligned menu items will appear in reverse order on the right hand side of the menu. To cancel out this effect, reverse the order of the items in your menu.

The behaviour of this setting depends on whether the sub menu is set to ‘Flyout’ or ‘Mega Menu’.

Flyout Menus

By default Flyout Menus are aligned to the left edge of the parent menu item and expand outwards to the right. You can reverse this (align to right edge and expand to left) by changing the ‘Sub Menu Align’ option to ‘Right’.

Mega Menus

By default Mega Menus are 100% wide, so aligning them to the left or right will have no visible effect.

If, however, you have set the mega menu width (in the theme editor) to a fixed pixel value, you can align it to the right by setting the ‘Sub Menu Align’ option to ‘Right’.

Next up: Menu Item Icons

Related Articles