Bellows Control Panel > Main Configuration > Markup Structure
Container Tag
The Container Tag setting allows you to control whether the menu uses a nav
or div
tag as its container.
The main purpose for this setting is to avoid residual styling from themes. Some themes write poor, non-modular code, such as this for their menus:
nav ul ul{ display:none; }
This code is bad because it will apply to every navigation menu on the site, not just the theme’s menu. This residual styling can interfere with the accordion menu’s functionality. This is why all themes and plugins should be coded modularly – in this case, that means using classes appropriately.
Most themes are coded just fine and this won’t be an issue. But for those that aren’t coded well, this setting allows you to switch to a div to prevent the theme’s styles from applying to the menu in specific instances.