To show a menu item on mobile devices only, use the If Menu plugin and its Mobile rule. In a block theme, use the core Hide option on the item.
The menus you see depend on your theme. A classic theme shows Customize in Appearance, plus Menus and Widgets when it supports them. A block theme shows Editor in place of Customize, unless the theme or a plugin adds Customizer settings. It shows Menus or Widgets only when it supports them. Polestar, Ultra and the Puro theme are classic themes.
Classic Admin Screens
- Go to PluginsAdd Plugin, then install and activate If Menu.
- Go to AppearanceMenus and select the menu.
- Click the down arrow on the menu item to open it.
- Check Enable visibility rules.
- Set the first drop-down to Show and the rule to Mobile.
- Click Save Menu.
To hide an item on mobile instead, choose Hide in the first drop-down.
The Mobile rule detects the device. It does not use the screen width. Making a desktop browser window narrow does not show the item. Test on a phone.
To show a whole menu on certain pages, use the Conditional Menus plugin.
Block Themes
The core Hide option hides a block by screen size. It works on Navigation link blocks.
- Go to AppearanceEditorNavigation and select the menu.
- Select the menu item and open the block options menu (three dots).
- Click Hide. Check Hide on Desktop and Hide on Tablet, then click Apply.
- Click Save.
The item now shows on mobile screens only. This rule uses screen width, so a narrow desktop window shows the item.