I have tried everything but without any success.
How can reduce the height between items in sub-menus.
http://www.fnphoto.com
Thank you
Hey octamedia,
Can you try adding this CSS code in Quick CSS, located in Enfold > General Styling:
#top #header .avia_mega_div > .sub-menu,
#top #header .avia_mega_div > .sub-menu.avia_mega_hr {
padding: 5px 30px 15px;
}
Hope it helps.
Best regards,
Nikko
It is not working so to make sure that you understand what I want to achieve here is a picture
https://www.dropbox.com/s/9sl2p1yrg9kxvq0/Screenshot%202020-05-05%2015.48.55.png?dl=0
Thank you
Hi,
Did you add his code to the very top of quick css so it runs first? Also, clear the cache a few times over.
Best regards,
Jordan Shannon
Yes I did
Hi,
Add this to quick css:
#top #header .avia_mega_div > .sub-menu {
padding:5px 10px!important;
}
Best regards,
Jordan Shannon
No change at all. This is becoming frustrating
Hi,
Can you provide admin info so we can look into this issue further?
Best regards,
Jordan Shannon
Just did, thank you!
Hi,
I’m not seeing it anywhere.
Best regards,
Jordan Shannon
Here it is again
Hi,
You added the comment above the code wrong. I fixed it and it should be working now.
Best regards,
Jordan Shannon
But you narrowed the width instead of reducing the height of each line of the sub-menu items
Hi,
Can you screenshot?
Best regards,
Jordan Shannon
It actually works in Safari the way I want but not in Firefox and Chrome
https://www.dropbox.com/s/wefn1qzbwt4rgu5/Screenshot%202020-05-05%2018.43.20.png?dl=0
Also, the slider does not work anymore in FF and chrome
Everything works now, thank you very much!!
Hi octamedia,
It must be some caching issue, that usually uses old css instead of fetching new ones.
We’re glad to hear that it works properly now.
Thanks for using Enfold and have a great day!
Best regards,
Nikko