Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #193942

    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.

    #193949

    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

    #193978

    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!

    #193996

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    #194003

    Sure: http://www.masalabcn.com

    EDIT: I’ve made a few color changes since the screenshots above but shouldn’t affect the layout

    • This reply was modified 11 years ago by alkaithil.
    #194019

    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

    #196222

    Hi, sorry for the delay, I tried your fix and seems to be working perfectly, thanks!

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Main menu links: remove fixed height’ is closed to new replies.