Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 27, 2022 at 10:53 pm #1337584
    khickman

    Hello, The mobile menu is messed up after the update. All sub-menus display a few characters per line.
    Example:
    real
    estst
    e
    law
    etc…..

    Can you please help with this?
    Note I changed the setting to full page for the client for now. Please login and change back to flyout so you can see the issue.

    • This topic was modified 2 years, 10 months ago by khickman.
    January 28, 2022 at 4:05 pm #1337758
    Yigit

    Hey Keith,

    Thanks for contacting us!

    I could not reproduce the issue on my iphone however I noticed that sub menu items were left aligned. I added following code to bottom of Quick CSS field to fix it

    #av-burger-menu-ul ul.sub-menu {
  margin: auto;
}

    Please review your website :)

    Best regards,
    Yigit

    January 28, 2022 at 4:27 pm #1337768
    khickman

    Hi Yigit,
    The alignment looks better when the mobile menu is set for “Full Page Overlay Menu” However, when I switch back to “Sidebar Flyout Menu” I still have the issue. Can you please review it now? You should be able to see it.
    Thanks,
    Keith

    January 28, 2022 at 4:34 pm #1337770
    Yigit

    Hi Keith,

    Following code in your Quick CSS field was causing the issue 

    .sub-menu {
    max-width:160px;
}

    I changed it to following so it only applies on desktop

    @media only screen and (min-width: 1371px) {
.sub-menu {
    max-width:160px;
}}

    Please review your website :)

    Regards,
    Yigit

    January 28, 2022 at 4:41 pm #1337771
    khickman

    Beautiful! Thanks Yigit!

    January 28, 2022 at 4:43 pm #1337772
    Yigit

    Hi,

    You are welcome, Keith! Let us know if you have any other questions and enjoy your weekend :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Mobile Menu Messed Up’ is closed to new replies.