Hello guys,
Asked similar question before but for Replete.
Link: http://tinyurl.com/o5a9kmu
What css code should i use in order to make font a bit smaller for menu and sub-menu items
and
decrease interval between sub-menu items…
Just want to make menu to occupy less space..
Kind Regards,
Denis
Hey Denis!
Try this CSS code:
.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;
}
Regards,
Josue
Thanks a lot, Josue!
It worked almost fine!!!
Do you know if it is possible to decrease that spacing?
http://tinypic.com/r/2zfmwl4/5
Kind Regards,
Denis
Hello!
Please add following code as well
.avia_mega_div .avia-bullet { margin-top: 9px; }
#top #header .avia_mega_div > .sub-menu > li > ul > li a { padding: 0px 12px 0px 12px; }
Best regards,
Yigit
Hello, I have a similar problem in that the spacing in my sub menu drop downs is not the same as the live demo. The code above made the text smaller but did not change the drop down spacing.
Image of what I mean can be found here, your help is really appreciated!
https://www.dropbox.com/s/15svcegujbxkce1/Screen%20Shot%202013-10-03%20at%2012.17.32%20PM.png
Outstanding!
Thanks a lot, Yigit!
It worked great for me!
Kind Regards,
Denis
Hey!
@dmaca You are welcome, glad we could help :)
@kt2webdesign can you post the link to your website?
Best regards,
Yigit
Hi Yigit, it was my own custom CSS that was causing the error – sorry!
All sorted on my side now! : )