Keeping the Hamburger (Mega Menu) Open

Public Ticket #17747

Keeping the Hamburger (Mega Menu) Open

Conversation thread

LemkeTech replied

5 years ago

Customer Reply

Awesome! Thanks!

Website is looking 10/10 and I can start posting now, looking forward to it.

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

Please modify the previous code like this:

.penci-menu-hbg .penci-mega-menu ul.sub-menu,
#sidebar-nav .penci-mega-menu ul.sub-menu {
    display: none;
}
.penci-menu-hbg .menu-item-has-children ul.sub-menu,
#sidebar-nav .menu-item-has-children ul.sub-menu {
    display: block;
}
.penci-menu-hbg .fa-angle-down:before,
#sidebar-nav .fa-angle-down:before{
    content: '\\f106';
}
.penci-menu-hbg .fa-angle-down.fa-angle-up:before,
#sidebar-nav .fa-angle-down.fa-angle-up:before{
    content: '\\f107';
}

Regards,
PenciDesign.

LemkeTech replied

5 years ago

Customer Reply

Got it working now, theres just some weird double line effect between 'reviews' and 'game news' in the menu.

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

I've tested this code before reply to you. So please go to Autoptimize → Delete all merge CSS files then test again.

Regards,
PenciDesign.

LemkeTech replied

5 years ago

Customer Reply

I added the CSS code but the menu is still closed. I added two example posts on my site and categorized them to test it but still nothing. I'll leave them up on the site if you want to take a look. Clicking it opens up the menu still.

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi again,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

.penci-menu-hbg ul.sub-menu,
#sidebar-nav ul.sub-menu {
    display: block;
}
.penci-menu-hbg .fa-angle-down:before,
#sidebar-nav .fa-angle-down:before{
    content: '\\f106';
}
.penci-menu-hbg .fa-angle-down.fa-angle-up:before,
#sidebar-nav .fa-angle-down.fa-angle-up:before{
    content: '\\f107';
}

Regards,
PenciDesign.

LemkeTech started the conversation

5 years ago

Conversation Start

Hello again, this should be the last ticket I submit for quite some time. Possibly the last one as my site layout seems to be finalized now. Looking forward to the site :)

For the hamburger menu on mobile, is there a way to always keep the 'mega menu/tab' from within the hamburger menu open by default?

Usually when you click the menu to open it, "Platforms" is closed and users have to click it to open it. I'd prefer just to have it open by default so users can see what's in there if that makes sense.

I've attached an image to what I am talking about for reference.

If not its no big deal!

Want to join this conversation or access attachments? Sign in first.