Tagged: , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 16, 2018 at 12:49 pm #1034425
    bonsaimedia

    Hi,

    We are creating a website in which we are slightly customizing the menu and mobile menu. But the strange thing is that (view on mobile) the mobile menu is too wide and that makes the mobile menu scrollable horizontally.

    Could someone check it out and see if we can fix this with CSS?

    November 16, 2018 at 7:15 pm #1034546
    Jordan Shannon

    Hey bonsaimedia,

    Add this to quick css:

    .av-burger-overlay{
overflow-y: scroll;
overflow-x: hidden;
}

    Best regards,
    Jordan Shannon

    November 19, 2018 at 10:56 am #1035111
    bonsaimedia

    Hi Jordan,

    Thanks for your reply. It’s not working. COuld you please check again? I added it with !important but no result.

    November 19, 2018 at 6:13 pm #1035240
    Jordan Shannon

    Hi,

    Did you add my code to the very top of quick css so that it runs first? Also be sure to clear the cache a few times over so it runs first.

    Best regards,
    Jordan Shannon

    November 20, 2018 at 11:22 am #1035513
    bonsaimedia

    Yes, i did but still no result.

    November 20, 2018 at 7:30 pm #1035746
    Jordan Shannon

    Hi,

    Try the following instead:

    #top #av-burger-menu-ul{
max-width:200px!important;
}

.av-burger-overlay{
overflow-y: scroll!important;
overflow-x: hidden!important;
}

    Best regards,
    Jordan Shannon

    November 21, 2018 at 10:36 am #1035952
    bonsaimedia

    Yes! Works great. Thanks!

    November 22, 2018 at 5:59 pm #1036652
    Nikko

    Hi bonsaimedia,

    Glad that Jordan helped you. :)
    Let us know if you need further assistance or if we can close this thread.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.