What CSS should I use to make the burger menu flyout width greater for smaller, mobile devices.
Thanks
Huw
Hey ehdavies,
I’m not really sure what your referring as burger menu flyout. Can you give us a screenshot on how it looks? and what you are trying to achieve.
You can post the screenshot in https://imgur.com/ or any online image sharing sites and post the link here.
You can post the link in private content if you only want the moderators to see it and not the public.
Best regards,
Nikko
Hi Nikko
Image link posted against the private content. The text on the flout menu is wrapping too much and would like the flyout to be 75 or 100% of the screen width on mobile portrait.
Thanks
Huw
Hi ehdavies,
Thanks for providing the screenshot, but I could not reproduce it on my end.
Can you give us a link to your site? so we can take a closer look and try to give you css code that should help.
Best regards,
Nikko
Hi Nikko
Log in details provided in the private content.
Thanks
Huw
Hi Huw,
Thanks for providing the admin access.
Can you try adding this css code in Quick CSS (located in Enfold > General Styling):
.html_av-overlay-side #top .av-burger-overlay-scroll {
width: 100%;
}
Hope this helps :)
Best regards,
Nikko
Many thanks Nikko. This sorts it!
Huw
Hi,
I’m glad you got this corrected. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon