Menu Extra Classes

Each menu item in the MyAppPresser customizer has an "Extra Classes" field which ads either extra css classes or extra programmatically features to the menu item.  This page summaries the different features the extra classes field supports.

loggedin
Hides this menu item if the user is not logged in.

loggedout
Hides this menu item if the user is logged in.

submenu-parent
Makes this menu item expandable as part of a submenu.  When expanded display a submenu of child menu items.  The child menu items must be directly below this menu.  To create this type of menu, use the external link option and for the URL simply use #!. Drag your menu items around to arrange their order.

submenu-child
Makes this menu item to the hidden underneath the parent menu item as part of a submenu. Itis only visible when the parent menu item is expanded.  It must be arranged so it is directly under a menu using submenu-parent.

divider
Adds a menu item the is styled as a divider and allow you to visually group menu items.  To create this type of menu, use the external link option and for the URL simply use #!.

hide
Hides this menu item.  Use this to include custom pages into your app.  During the build process, only custom pages that are included in the menu will be added to your app.  By using the 'hide' extra class will allow you to include the page into your app, but it won't appear in the menu.  Most likely you will then link to this hidden page from somewhere else.

system
Used with external links and opens the external link in the devices default browser.  The same as if you would use target="_system" in a link.

yieldlogin
Prompts user to login by opening the login modal for non logged in users. https://docs.apppresser.com/article/419-single-page-require-login