Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 14, 2013 at 2:48 am #188160
    jorgepelaez

    Hello, how can I increase the header height? I need to get a 180 pixels height for the logo.

    Any help is appreciated.

    Jorge.

    November 14, 2013 at 6:32 am #188229
    Ismael

    Hey Jorge!

    What type of header do you have? Please check on Enfold > Header > Header Type.

    Best regards,
    Ismael

    November 14, 2013 at 6:39 am #188231
    Ismael

    Hi!

    You can add this on your custom.css or Quick CSS:

    /*default header: main logo and main menu height. increase max value if you want to use a bigger logo*/
#header_main .container, .main_menu ul:first-child > li a{ height:88px; line-height: 88px; }

/*header with social icons: */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 116px; line-height: 116px; }

/*header with social icons and bottom nav */
.bottom_nav_header.social_header #header_main .container{height:88px; line-height: 88px;}
.bottom_nav_header.social_header .main_menu ul:first-child > li a {
height:35px; line-height: 35px;
}

    Select the selectors according to the header that you have. Change the value of the height and the line-height.
    Regards,
    Ismael

    November 14, 2013 at 9:39 am #188271
    freeethinka

    Hello Ismael
    I wondered the same thing but for aesthetics, I would like to ‘reduce’ the size of the header to 50px rather than the current 88px. Your above Quick CSS code worked, however, the slider below it did not move up as well. As a result, there is a 38px HT band of color running along the top of my full slider. Is there any way to shift the slider window (and everything below it) —up?
    Thank you!
    Marlise

    November 14, 2013 at 3:15 pm #188375
    Yigit

    Hi!

    Please add following code to Quick CSS as well

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

    Regards,
    Yigit

    November 14, 2013 at 5:05 pm #188432
    jorgepelaez

    Awesome! I’m using header with social icons and bottom nav.

    Thanks guys.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How to increase header height?’ is closed to new replies.