I figured out how to change the font size and spacing on mega menu from one of the other posts. However, I have one main menu item that is just a drop down. Can you provide the css for the drop down to match my existing font size and spacing like i have it in my mega menu please. Below is what i currently have in my css:
.logo img { position: relative; top: 6px; }
#top #header .av-main-nav > li > a {
font-size: 20px !important;
}
}
#top #header .avia_mega_div > .sub-menu > li > ul > li a { padding-top: 0; }
.avia_mega_div .avia-bullet { margin-top: 8px; }
#top #header .avia_mega_div > .sub-menu { padding: 5px 18px 5px; }
#top #header .avia_mega_div > .sub-menu > li > ul > li a { font-size: 14px; }
#top #header .mega_menu_title a { font-size: 16px; }
.av-main-nav > li > a {
padding: 0 20px;
}
.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text{
padding-left: 20px;
margin-left: -20px;
}
Hey doperdoll!
please use the below css to make the dropdown look similar to megamenu
#top .av-main-nav ul a {
padding: 3px 12px 3px 12px;
font-weight: normal;
font-size: 14px!important;
line-height: 23px!important;
}
#top .av-main-nav ul a:hover {
font-size: 14px!important;
}
Regards,
Vinay Kashyap
Thank you that worked.