Hamburger Menu

Public Ticket #20312

Conversation thread

leoyipenvato replied

4 years ago

Customer Reply

works perfectly. thank you very much!

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

Please modify the CSS code like this:

@media only screen and (min-width: 768px) {
    #navigation.header-4 .penci-menuhbg-wapper,
    #navigation.header-5 .penci-menuhbg-wapper {
        display: none;
    }
}

Regards,
PenciDesign.

leoyipenvato replied

4 years ago

Customer Reply

The hamburger menu is still there on desktop.

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

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

@media only screen and (min-width: 768px) {
    .penci-menuhbg-toggle.builder .penci-lines, .penci-menuhbg-wapper {
        display: none;
    }
}

Regards,
PenciDesign.

leoyipenvato started the conversation

4 years ago

Conversation Start

1. Enable hamburger menu in mobile only without enabling it on desktop.

2. Disable vertical mobile navigation.

Thank you very much.

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