[Resolved] Mobile only default Sub Menu Expand

[Daniel]

Hello!

I have checked previous tickets about hamburger menu with automatically expanded sub menu items, but neither THIS works in my case, nor THIS .

Could you please help me what can be the solution in my case?

• WordPress v5.7.1
• Generatepress v3.0.3
• GP Premium v2.0
• GenerateBlocks v1.3.3
• Simple CSS v1.1.1

Thanks in advance,

[Ying]

Hi Daniel,

Do you want the sub menu open by default on mobile? If so try this CSS:

.dropdown-click #mobile-header.main-navigation.toggled ul, .dropdown-click #mobile-header.main-navigation.toggled ul li > ul {
    display: block;
    opacity: 1;
    visibility: visible !important;
    pointer-events: auto;
    height: auto;
    overflow: visible;
}
#mobile-header.main-navigation.toggled .main-nav ul ul{
    position: relative;
    top: 0;
    left: auto!important;
    right: auto!important;
    width: 100%;
    float: none;
}

[Daniel]

Hello Ying,

Really appreciate your help, this code works fine! 🙂

[Ying]

Great, glad to hear that 🙂

You are welcome!

[Author]

Posts