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

This topic contains 2 replies, has 2 voices, and was last updated by  aruneshdutta 2 weeks, 1 day ago.

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)

You must be logged in to reply to this topic.