Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2504756
Remove hamburger menu on mobile
Closed

Comments

  • Melvin14 started the conversation

    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.

  •  2,699
    PenciDesign replied

    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 replied

    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? 

  •  2,699
    PenciDesign replied

    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

  • czubieta replied

    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; }
    }


  •  2,493
    PenciDesign replied

    Hi, 

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

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

    Regards,
    PenciDesign.