Mobile menu side slide to full width

webmasterdts · February 2022

Hi,

I would like to have the sliding menu area to be full width on mobile.

Can you please provide me with the CSS for the same?

My website is fynsec.com

https://ibb.co/9n92Kkk

Phil · February 2022

Hi,

Please, use the following code:

@media only screen and (max-width: 767px){
   #Side_slide{
      width: 100%!important;
   }
}

Thanks

webmasterdts · February 2022

Thanks but with this code the menu is always visible to half and not filling the screen to 100%.

Ideally when clicked on the hamburger icon it should slide to fill the full screen (100%). That is it. ONLY ON MOBILE.

Phil · February 2022

Except that, you can change the Side slide menu width in Betheme -> Theme options -> Responsive -> Header, but it allows to set a maximum of 500px.

Anything beyond that requires theme files modification but we do not provide help with such customization.

Best regards

webmasterdts · February 2022

Thanks

Mobile menu side slide to full width

Comments