Edit Header Animation

[consult-one]

Hi there,

i have two questions i would be glad to get help with:

1. How can i switch off the animation of the header? When scrolling down the header height decreases, but i want the header to be small my default.
2. The height of the row image is set as window height. However the row height is not the height of the window but the window-height + header height. Can you tell me how to set it just as the window height?

Thanks for your help!

[Mohammad – SUPPORT]

Hi,
1- Please go to Admin -> Theme Options -> Header Options -> Here you can disable sticky header.

2- I am able to see this issue.

Thanks 🙂
With Best Regards
Swift Ideas

[consult-one]

Hi Mohammad,

1. I want the sticky header, but i don’t want the height of the header to resize from 80px to 61px when scrolling down. I want it always to be 61px. Could you help me with that?

2. What do you mean with this answer? When opening the page i want the row/parallax to end at the bottom of the window, but it ends lower than that, because the header height is added to the row height, so i have to scroll 60px until the row ends. When setting the it works fine, but not with the normal header. Would be great if you know a solution.

Thanks!

[Mohammad – SUPPORT]

Hi,
1-Please use this custom css code:-
div#header-sticky-wrapper{height:61px !important;}
2- I am still not getting this issue. Please attach a marked screenshot.

Thanks 🙂
With Best Regards
Swift Ideas

[consult-one]

Hi Mohammad,

1. thanks, the header decreased, but there is still a part left wich has the original height. Could you help me with that too?

2. Sorry, i thought i attached the Link when opening this topic.

You can see it here:
http://co.haremo.de/test-2/

This is how it should be, just without the Naked Header:
http://co.haremo.de/testpage-2/

By the way, how is it possible to get a smooth scroll when hitting the arrow down on this page. It only jumps to the #id. When using the page navigation it scrolls. Is it possible without the page navigation?

[Mohammad – SUPPORT]

Hi,
My Colleague will assist you shortly.
Thanks 🙂
With Best Regards
Swift Ideas

[consult-one]

Hi Mohammad,

when will your assistent help me out?

Thanks!

[Kyle – SUPPORT]

Hi

1) In your custom css, you have this code as part of the naked header code:

.page-id-2264 .header-wrap {
width: 100%;
position: absolute;
top: 40px;
left: 0;
z-index: 7;
}

Please remove the ‘top:40px;’ 🙂

2) I’m afraid this isn’t possible, if you wanted to exclude the header height from the window height you would need to custom code this yourself

– Kyle

[consult-one]

Hi Kyle,
thank you. 😀

When scolling down the header is still not working right. I have the three states as you can see on the picture or here http://co.haremo.de/die-idee/

I want the header to appaer as in the last state. Can you tell me how to fix that?

Thanks for your help.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

The easiest way to do this is disable the sticky header in theme options then add this to your custom css:

#header-section {
  position: fixed;
}

– Kyle

[consult-one]

Hey Kyle,

works great, how can i edit the complete header height?

Thanks.

[Kyle – SUPPORT]

Add this to your custom css:

#header-section {
  position: fixed;
  height: 70px;
}

– Kyle

[consult-one]

That was just too easy =)

Thanks for your kind help!

[Mohammad – SUPPORT]

Hi,
You most welcome. I’m glad that issue resolved. Great Thanks Kyle 🙂 .
With Best Regards
Mohammad

[consult-one]

With the fixed header-section the window height problem is resolved too Kyle 😉

There is one question left:

When adding a Link with an id in a Icon Box for example the browser just jumps to the spacer with the id. Is it possible to get a smooth scroll down on the page. When using the page navigation it scrolls. Is it possible without the page navigation?