In the header’s main navigation menu, the a elements are set at 100px height (style="height: 100px; line-height: 100px;"
). I tried changing the Header Size value in the options, but this changes the height for everything, the header, the container div and the a elements. I want different heights for all these elements. So I am thinking that I should modify the function that outputs this but I cannot seem to find it in the PHP files.
Where or how can I change this behavior? I want the a elements to be much smaller for formatting purposes.
Hey Technoh!
You can add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.av-main-nav > li > a {
line-height: 30px!important;
height: 30px!important;
}
nav.main_menu { margin-top: 30px; height: auto; }
Regards,
Yigit
How could I forget that !important would bypass inline style? Thanks for reminding me!