Home Forums Trusted Change the position of menu(right) to left in mobile screen display

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1979
    aruneshdutta
    Participant

    Hello all

    My Site URL is sunshine.minervatech.xyz.I wanted to shift the menu from right to left when displayed in mobile device.Kindly guide me with same.Thanks to allimage reference

    #1980
    Andy
    Keymaster

    Hi, to move mobile menu to left, add this CSS in Appearance > Customize > Additional CSS:

    @media screen and (max-width: 1024px){
    
    .toggle-nav{
    right: auto;
    left: 0;
    }
    
    .toggle-nav.is-visible{
    margin-right: 0;
    margin-left: -250px;
    }
    
    #page.is-visible {
    right: auto;
    left: 250px;
    }
    
    #masthead.is-visible {
    left: 250px;
    border-right: 0;
    border-left: 1px solid rgba(255,255,255,0.1);
    }
    
    #page.is-visible #primary-menu,
    #masthead.is-visible #primary-menu{
    right: auto;
    left: 0;
    }
    
    }

    I haven’t fully tested it, so if it doesn’t work let me know and I’ll modify the code.

    #1981
    aruneshdutta
    Participant

    Thanks ,I made few minor changes making your code base .It is fine now..Thanks once again

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Change the position of menu(right) to left in mobile screen display’ is closed to new replies.