Display the Sub Menu in Current Page in the Vertical Header Style

This is a Developer Level doc.

If you're unfamiliar with CSS and/or editing files, codes and templates, as well as with resolving possible conflict, please seek help from a professional. Under our Support Policy, we don't provide support for modifications and customization.

If you wish to display/show the sub-menu in the current page when using the Vertical Header style, use the following CSS snippet:

/* Display all sub menu on the current page */
#site-header.vertical-header #site-navigation-wrap .dropdown-menu > li.current-menu-parent .sub-menu { display: block !important; }

All CSS snippets should be added via a child theme's style.css file or using the built-in Custom CSS panel.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.