Before you ask please READ THIS

Header Bumbs even with fixed header.

edited April 2014 in Hypershot Posts: 2
Hi,

a really fascinating theme! Thanks for providing it to us.
I am still struggeling with the fixed header. I've seen other pages with the theme and there isn't this problem.

http://isoweek.com is my homepage .. and scrolling down with also move the header.

I alread read the post from last year mentioning that the first 100 and something pixel the header will move because of a particular reason. But afaik this should have been solved by the fixed header radio button, correct?

Maybe you have a hint, or an idea what the reason might be.

----
Just for your background information:
I am using the following custom css entries in the PC CSS Plugin 1.3

.add-ons, .add-ons a, #head-widgets .handle {
color: #fff3da;
}
.add-ons a:hover, #head-widgets .handle:hover {
color: #fdc63f;
}
#footer a:hover, #footer span.action:hover, .glass-switch:hover {
color: #fdc63f;
}
#footer {
color: #fff3da;
}

Best regards,
Ate

Comments

  • AirAir
    edited April 2014 Posts: 10,814
    Hello:-)

    Maybe you are misunderstanding what is fixed header? It is fixing, after scrolling some px, but it is fixing to browser window not content. Try other option of header if you want it to stay always in same place with respect to content.

    Or maybe I am misunderstanding what you want:-) Cause as I saw your page it works fine.

    With regards.
    Post edited by Air on
  • Posts: 2
    What I want to achive is that the header remains always fixed at the top.
    Currently it moves... but it moves also just the first few pixel.

    Please have a look at those screenshots I've made.
    That happens when moving the scroll-bar or the mouse-scroll wheel.

    Pic1 ist the default ... Pic 4 is like Pic1 but after overriding the scroll amount of aprox. 100 pix.
    pic1.jpg
    809 x 184 - 45K
    pic2.jpg
    856 x 143 - 55K
    pic3.jpg
    845 x 138 - 64K
    pic4.jpg
    824 x 182 - 51K
  • AirAir
    Posts: 10,814
    Yes, this is how it was designed. You can try this solution

    #header-container {
    position: fixed !important;
    width: 100%;
    }
    With regards.
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

In this Discussion