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

[aruneshdutta]

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 all

[Andy]

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.

[aruneshdutta]

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

[Author]

Posts