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
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
Hi Rikard
I hope this helps explain what I am asking.
Thanks, Ron
Hey!
Can u please provide us your live web site link?
Thanks a lot
Regards,
Basilis
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