Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #725620

    Hi,
    I got this code from a google search: I put it in the Quick CSS.

    /*reduces spacing in submenu mega*/
    #top #header .avia_mega_div a {
    line-height: 18px !important;
    }
    #top #header .avia_mega_div>.sub-menu{
    padding: 10px 10px 10px 10px !important;
    }
    #top #header .avia_mega_div>.sub-menu.avia_mega_hr{
    padding-top: 10px !important;
    }

    As you can see on page lbmas.net the mega menu under shop has too much spacing between items. How can reduce the space. The above code does not doing anything.
    Thanks so much for the help.
    Ron

    #726945

    Hi Ron,

    Sorry for the late reply, I’m not sure I understand what you are looking to achieve. The mega menu will display 6 items in a row and that is what seems to be rendering on your site. Could you try to explain a bit further or post a screenshot of what you would like to achieve please?

    Best regards,
    Rikard

    #727269

    Hi Rikard

    mega_menu
    I hope this helps explain what I am asking.

    Thanks, Ron

    #727312

    Hey!

    Can u please provide us your live web site link?

    Thanks a lot

    Regards,
    Basilis

    #727316
    #728288

    Hi,

    you can reduce it using this code inside Quick CSS field:

    #top #header .avia_mega_div > .sub-menu > li {
    padding-right: 0px;
    }

    Best regards,
    Andy

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