Question: I have fixed and altered the height of my main menu and logo in the quick CSS with:
#header_main .container, .main_menu ul:first-child > li a, .logo img, .logo a {
height: 120px !important;
line-height: 180px !important;
max-height: none !important;
}
#top .main_menu .menu > li{
font-size: 14px;
}
#top .main_menu .menu li>a {
height: 120px !important;
}
But all of the dropdown menu sections are all also at 120px, how can I alter this as that they are smaller…?
Any help would be greatly appreciated
Nick.
Hi Nick!
Use this code instead:
#header_main .container, .main_menu ul:first-child > li > a, .logo img, .logo a {
height: 120px !important;
line-height: 180px !important;
max-height: none !important;
}
#top .main_menu .menu > li{
font-size: 14px;
}
#top .main_menu .menu > li > a {
height: 120px !important;
}
Cheers!
Josue
Thanks Jouse it worked a treat….!
Sorry Josue
The drop down menu issue is now correct but the heading size now shrinks when you scroll down which I had removed using my previous Quick CSS fix, as I want the menu header/logo to stay consistently a fixed size…?
Thanks in advance
nick.
Hi!
You want it to resize or not?
Cheers!
Josue
Hi Josue
The Menu and logo I would like to be fixed and not resize……
Thanks in advance
nick.
Hey Nick!
Open js/avia.js and comment/remove line 18:
//avia_header_size();
Cheers!
Josue