Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 6, 2014 at 5:24 pm #233270
    spirit1977

    Hello, I’ve read the topic here https://kriesi.at/support/topic/enfold-fixed-header/ and entered this to my Quick CSS

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

    The problem I then have is that each title in my submenu is also 88px high.

    Then I entered the variant without the menu

    #header_main .container, .logo img, .logo a {
    height: 88px !important;
    line-height: 88px !important;
    max-height: none !important;
    }

    The Logo was fixed but the menu moved up while scrolling.

    Any ideas I can fix the header but don’t have such a tall dropdown menu?

    Thanks

    March 7, 2014 at 4:31 pm #233802
    Ismael

    Hi spirit1977!

    Thank you for using the theme. I hope you’re doing great. Use this instead:

    #header_main .container, .logo img, .logo a {
height: 88px !important;
line-height: 88px !important;
max-height: none !important;
}

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

    Regards,
    Ismael

    March 10, 2014 at 9:40 am #234575
    spirit1977

    Dear Ismael,

    Thank you, it worked fine. I’ve changed all px sizes in order to have a bigger logo, also worked, but the slider which I’ve got at the top didn’t move down, so now the header is going over into the slider. Any idea?

    Regards,
    Mark

    March 10, 2014 at 9:54 am #234581
    spirit1977

    I would like to have an logo height of 105 px and the header should be about 135 px with a padding of 15px at top and bottom.
    Thank you

    March 10, 2014 at 3:28 pm #234738
    Yigit

    Hey!

    Please add following code to Quick CSS as well

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

    If that does not work, please post the link to your website

    Best regards,
    Yigit

    March 10, 2014 at 4:11 pm #234766
    spirit1977

    Hi Yigit,

    We’re getting closer. This is what I have in my Quick CSS right now

    #header_main .container, .logo img, .logo a {
    height: 88px !important;
    line-height: 88px !important;
    max-height: none !important;
    }

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

    I have a logo which is 88 px high. It has a perfect size an every responsive device, but there is no padding at the bottom. There is a slider directly below the logo and there is no space in between.

    When I enter this into the Quick CSS
    .fixed_header #main {
    padding-top: 135px;
    }
    the header is getting taller, but not in the responsive views.

    Your can have a look here: http://www.save-your-life.net. I’m still developing so there is a password required: abitur97

    Regards

    Mark

    March 11, 2014 at 4:01 pm #235576
    Devin

    Hi!

    With the 2.6 release the header has been completely re-done so when you update you can set a custom size for your header in the theme options and then go from there.

    Regards,
    Devin

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.