Responsive menu for tablet

[mike surma]

Is it possible to have a responsive menu on tablets? if so how?

[Veena]

Its responsive only. Did you see any responsive issues?

[mike surma]

I was looking get a responsive menu like on a smartphone. when using a tablet the menu falls under the logo and does not look clean.

[Veena]

Can you pls try the below custom CSS in themeoptions –

@media only screen and (max-width: 1024px){
    #primary-menu {
        display: none !important;
    }
    #header.sticky #primary-menu{
        display: none !important;
    }
    #mobile-menu, #mobile-menu-toggle {
        display: block;
    } 

    #mobile-menu, body {
        -webkit-transition: left 0.4s ease-in-out 0s;
        -moz-transition: left 0.4s ease-in-out 0s;
        transition: left 0.4s ease-in-out 0s;
    }
    body {
        overflow-x: hidden;
        position: relative;
        left: 0;
    }

    body.push-right {
      left: 240px;
    }
}

[mike surma]

That works…is there a way to put on the right side of the screen? the button sits on top of my logo on the left side….Thanks for your help.

[Veena]

Can i get a link to your site pls?

[mike surma]

crossfitbond.com

[Author]

Posts