Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #945161

    What CSS should I use to make the burger menu flyout width greater for smaller, mobile devices.

    Thanks

    Huw

    #945268

    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

    #945572

    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

    #945630

    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

    #945686

    Hi Nikko

    Log in details provided in the private content.

    Thanks

    Huw

    #946420

    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

    #946752

    Many thanks Nikko. This sorts it!

    Huw

    #946778

    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

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Burger menu flyout % greater for smaller devices’ is closed to new replies.