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

    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

    #188385

    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

    #189127

    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

    #189225

    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

    #191412

    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

    #191647

    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

    #191791

    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.

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