Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 14, 2013 at 11:14 am #188293
    theodorr

    Hi. I am using “small fixed header” and have djusted is so it does not scale with this code I found here in the forums:

    .main_menu ul:first-child > li a, #header_main .container {
    height: 88px!important; line-height: 88px!important; }
    .logo a, .logo img { max-height: 88px!important; }

    Now I want to adjust the heigth of the header to about, 50-60pixels. How can I do this?

    ps. (If I just change in the code above from 88 to 58 for example the header height is changed but there is a white space below it until the next line separating the content. So, I need a better way to do this)

    cheers
    T

    November 14, 2013 at 3:30 pm #188385
    Yigit

    Hi theodorr!

    You can add the code you have found and change all 88px to 60px and then add following code to remove the white space

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

    If you decide to you use 50px, you should change all these values to 50px

    Cheers!
    Yigit

    November 15, 2013 at 10:28 am #189127
    theodorr

    Thank you Yigit! Than works fine!

    The problem now is that the sub-menus seem to follow the same rule here so their height also changes to the same heigth I specify in this code. Can I adjust the heigth of the sub-menu rows separately? If so what would be the code?

    thanks
    T

    November 15, 2013 at 3:49 pm #189225
    Yigit

    Hey!

    I am not sure if i understood you clearly. When i apply the code it works fine. Can you maybe post a screenshot showing the issue you are getting?

    Regards,
    Yigit

    November 21, 2013 at 12:39 pm #191412
    agarkitekter

    Hi!

    Im trying to do the same thing and have the same problem. When adjusting the header, the menu drop downs also get that height.

    When using only this:
    #header_main .container {
    height: 78px!important; line-height: 78px!important; }

    The header is smaller, but the drop down menus have a little space between the menu and them.

    When using this:
    .main_menu ul:first-child > li a, #header_main .container {
    height: 78px!important; line-height: 78px!important; }

    The header is smaller, but the drop downs have the same height making the menus pretty big and ugly.

    You can have a look here;
    http://i.agarkitekter.se/
    Username: test
    Password: test

    Right now the second alternative is active (big drop down menus).

    Best regards,
    Tomas

    November 21, 2013 at 10:14 pm #191647
    Yigit

    Hi!


    @theodorr     and @agarkitekter please try the code as following and adjust with your values

    .main_menu ul:first-child > li > a { height: 75px!important; line-height: 75px!important; }

    Best regards,
    Yigit

    November 22, 2013 at 10:58 am #191791
    agarkitekter

    Hi!

    Thanks, now it works for me! Im not exactly sure how you intented me to use it, but this combination worked for me:

    #header_main .container {
    height: 78px!important; line-height: 78px!important; }

    .main_menu ul:first-child > li > a { height: 78px!important; line-height: 78px!important; }

    And ofcourse 78 bening the value I wanted to reduce the height to.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Adjust header heigth’ is closed to new replies.