Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 20, 2013 at 1:24 am #190757
    lwolfe63

    I would like to make the header height smaller. How can I do that?

    November 20, 2013 at 10:19 am #190872
    MENS

    Hi,

    This depends on which header you use. With a fixed header and social icons paste this code in quick css and change height. Changing the line height will change the height of the menu.

    .social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 80px; line-height: 80px; }

    Cheers Herrbirk

    • This reply was modified 11 years, 11 months ago by MENS.
    November 20, 2013 at 6:50 pm #191076
    Yigit

    Hey!

    Can you post the link to your website?

    @herrbirk     thanks :)

    Regards,
    Yigit

    November 22, 2013 at 8:47 pm #192048
    lwolfe63

    I’m using the small fixed header.

    I tried this:

    .fixed_header #header_main .container, .fixed_header .main_menu ul:first-child > li a { height: 60px; line-height: 60px; }

    It made the menu smaller in height but not the header container.

    • This reply was modified 11 years, 11 months ago by lwolfe63.
    November 24, 2013 at 5:31 pm #192500
    Yigit

    Hey!

    Can you post the link to your website?

    Regards,
    Yigit

    November 24, 2013 at 10:12 pm #192629
    lwolfe63

    Sure! http://www.retrorancho.com

    I want the header to be maybe 60px high. Thanks for your help!

    November 25, 2013 at 5:26 am #192777
    Josue

    Hi,

    That URL appears to be down: http://www.downforeveryoneorjustme.com/http://www.retrorancho.com/

    Regards,
    Josue

    November 25, 2013 at 8:44 am #192807
    lwolfe63

    Oops it’s http://www.retroranch.com – sorry!

    November 25, 2013 at 9:57 am #192834
    Dude

    Hi!

    Try to insert following code into the quick css field to reduce the header size (padding)

    
.fixed_header #main {
padding-top: 61px;
}

    Best regards,
    Peter

    November 26, 2013 at 1:47 am #193234
    lwolfe63

    That did the trick! Thank you! I did notice a problem though. When I tried to add the CSS to the quick CSS field in Internet Explorer, I kept getting an error but it worked in Chrome. Not sure what the issue was.

    Thanks for the great support as always.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘How to I make header height smaller’ is closed to new replies.