Hi, I’m using the small fixed header.
Is there a way to reduce the height of the links in the main menu without affecting the whole header? I want to change the hover style but if I make the links smaller in height, the whole header gets smaller.
Thanks a lot.
Hi alkaithil!
By height are you referring to the font size? can you post a screenshot of what you want to achieve? a link to your website would be helpful too.
Best regards,
Josue
Hi Josue,
Here’s a pic of what I have now and what I would like:
http://es.tinypic.com/r/2qv880o/5
As you can see, links aren’t filling the whole header’s height and the hover style looks better.
Also, since I believe it’s related, I’d like to have more padding around the header’s contents without messing with the header’s height. If I add paddings to #header_main, it overlaps with the title_container:
http://oi39.tinypic.com/287zpee.jpg
Thank-you for such a quick answer!
Hi,
Can you post the link to your website please?
Regards,
Josue
Sure: http://www.masalabcn.com
EDIT: I’ve made a few color changes since the screenshots above but shouldn’t affect the layout
Hey!
Add this code to the Quick CSS:
#avia-menu{
position: relative;
top: 32px;
}
#avia-menu a {
height: 24px !important;
line-height: 22px !important;
}
.header-scrolled #avia-menu{
top: 10px;
}
Cheers!
Josue
Hi, sorry for the delay, I tried your fix and seems to be working perfectly, thanks!