Remove hamburger menu on mobile

Public Ticket #13678

Conversation thread

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

@czubieta: please try to clear your browser cache then test again.

I've checked your site, the mobile menu is hidden.

Regards,
PenciDesign.

czubieta replied

5 years ago

Customer Reply

Hi I try this code on Custom CSS to disable the vertical navigation menu but still showing the menu on mobile.

@media only screen and (max-width: 960px){
.penci-menuhbg-wapper{ float: left; margin-right: 0; }
#navigation .button-menu-mobile{ display: none; }
}

PenciDesign replied

6 years ago

Staff Reply

Hi,

Please try add more this code to Customize > Custom CSS to do that:

@media only screen and (min-width: 961px){
.penci-menuhbg-wapper{ display: none; }
}

Best Regards,

PenciDesign

Melvin14 replied

6 years ago

Customer Reply

Hi,

Thank you! That worked perfectly!. Also is it possible to hide the menu hamburger when on the desktop view, so that it only shows on mobile?

PenciDesign replied

6 years ago

Staff Reply

Hi,

Yes, one is vertical mobile navigation ( on the left ) and one is menu hamburge, it's different.

If you want to do that, please add more this code to Customize > Custom CSS:

@media only screen and (max-width: 960px){
.penci-menuhbg-wapper{ float: left; margin-right: 0; }
#navigation .button-menu-mobile{ display: none; }
}

Best Regards,

PenciDesign

Melvin14 started the conversation

6 years ago

Conversation Start

I'm using the soledad hipster theme and I want to know if I can remove the hamburger menu that automatically appears on mobile and only use the hamburger menu widget that comes with the theme. Also can I move the search icon to the left side from the right side.

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