Hide one of the two vertical menus on mobile

Public Ticket #24573

Hide one of the two vertical menus on mobile

Conversation thread

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please modify the CSS like the following below:

@media only screen and (max-width: 960px) {
    #navigation .button-menu-mobile {
      display: none;
    }
}

Regards,
PenciDesign.

Benjamin replied

3 years ago

Customer Reply

Thanks a lot for your quick feedback ! Love your support

Sorry, but is it also possible to hide it on a tablet?

Sincerely

PenciDesign Supporter replied

3 years ago

Staff Reply

Here is the code:

@media only screen and (max-width: 767px) {
    #navigation .button-menu-mobile {
      display: none;
    }
}

Regards,
PenciDesign.

Benjamin replied

3 years ago

Customer Reply

Hello, thank you for your feedback. Is it possible to have the code to remove the left icon and not the right one?

Thank you in advance.

Regards,

Benjamin

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

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

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

Regards,
PenciDesign.

Benjamin replied

3 years ago

Customer Reply

Hi,

Please let me know,

Sincerely,

Benjamin

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please enable this option, I'll check and then send you a quick solution.

Regards,
PenciDesign.

Benjamin replied

3 years ago

Customer Reply

Hello,

Thank you for your feedback.

When I do this operation, the icon on the right and not on the left disappears. What is good but how to change the names in the remaining menu?

Since I used two links with sub-sections in pencil blocks, they are not displayed in mobile version.

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Vertical Navigation & Hamburger Menu → General: turn on the "Hide Menu Hamburger Icon Display on Horizontal Navigation on Mobile" option.

Regards,
PenciDesign.

Benjamin started the conversation

3 years ago

Conversation Start

How do I hide the vertical menu on the mobile version? I have used a "Penci Block" and it doesn't seem to work in vertical on mobile. I would like to hide the vertical menu on the attached picture.
Thank you again, Sincerely

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