Responsive menu for tablet

This topic is: not resolved

This topic contains 6 replies, has 2 voices, and was last updated by Mike Surma mike surma 6 days, 20 hours ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #28477
    Mike Surma
    mike surma
    Participant
    Post count: 4

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

    #28482
    Veena
    Veena
    Moderator
    Post count: 7148

    Its responsive only. Did you see any responsive issues?

    #28495
    Mike Surma
    mike surma
    Participant
    Post count: 4

    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.

    #28505
    Veena
    Veena
    Moderator
    Post count: 7148

    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;
        }
    }
    
    #28515
    Mike Surma
    mike surma
    Participant
    Post count: 4

    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.

    #28532
    Veena
    Veena
    Moderator
    Post count: 7148

    Can i get a link to your site pls?

    #28547
    Mike Surma
    mike surma
    Participant
    Post count: 4

    crossfitbond.com

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.