Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 4, 2019 at 5:19 am #1097058
    Micheal0424

    I would like to adjust the spacing between the menu items on the mobile view, the space above and below each menu item needs to be increased because some of the items are overlapping some.

    I tried this but had no luck:
    .av-burger-menu-main {
    padding: 20px !important;
    margin: 20px !important;
    }

    I have tried a few different ways but no luck yet at all.

    Your help is greatly appreciated.

    May 4, 2019 at 2:32 pm #1097216
    Victoria

    Hey Micheal0424,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a {
    min-height: 50px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    May 4, 2019 at 11:28 pm #1097312
    Micheal0424

    That didn’t work. I have provided login credentials to make it easier for you to see whats going on.

    Thank you.

    May 6, 2019 at 4:29 am #1097556
    Ismael

    Hi,

    Thanks for the update.

    The minimum height is now set to 200px. Is that intended? Please don’t forget to toggle the Performance > File Compression settings and remove the browser cache after adding the css code and before checking the page.

    Best regards,
    Ismael

    May 6, 2019 at 5:32 am #1097575
    Micheal0424

    That worked!
    I actually changed it to 60px so it looked better, the 200 was just a number I was using because I knew I would notice 200 right away.

    Thanks for your help!

    May 6, 2019 at 4:47 pm #1097732
    Nikko

    Hi Micheal0424,

    We’re glad to hear that :)
    Let us know if you need further assistance and thanks for using Enfold.

    Best regards,
    Nikko

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