Tagged: CSS
My drop down menu font and spacing on my website is a bit too big (doesnt fit on page) I had a server error and had css in to fix this before but now it is back to what it was like originally.
I would like to decrease font size and the padding between sub menu items
I have tried
.sub-menu{
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.sub-menu li > a {
font-size: 10px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.avia_mega_div .avia-bullet{
margin-top: 8px;
}
.avia_mega_div .avia-bullet { margin-top: 9px; }
#top #header .avia_mega_div > .sub-menu > li > ul > li a { padding: 0px 12px 0px 12px; }
and nothing has happened, cleared cache etc
Hey chrissargent48,
You should be able to change the font of your submenu under Enfold–>Advanced Styling. Did you try that?
Regards,
Rikard
I change the size at advance styling but nothing happen.
Hi,
Please try the following instead:
#top #header .mega_menu_title a {
font-size: 10px !important;
}
Thanks,
Rikard
Hi Rikard
Sorry to ask a beginner question again, can you teach me how to use that code? where should I find the place to paste it?
Thanks and Regards
Hanafi
Hey!
Please go to Enfold theme options > General Styling and scroll down to bottom and insert the code into Quick CSS field.
Regards,
Yigit
Hi Yigit,
It works! Thank you so much..
Regards
Hanafi Sarif