Header Movement

I am seeing the padding-top for the header change after page load both desktop and mobile.

I can see your css file is setting the padding-top, but then some JS s changing it.

I can easily fix this with some CSS but thought I would ask you first in case it is a bug that needs fixing.

Hello,

You need to edit your top bar in the header builder and hide it both on desktop and mobile devices since it is empty. Then its height will not be added as padding and will not cause this “jump”.

Kind Regards

Hello,

The header builder was already set to hide on Desktop and Mobile. (there was in fact content there).

I have since removed content, ensured hide Desktop and Mobile are both checked, and also set row height to 0px, but there is still a jump effect.

Grateful if you could advise any other settings to change.

Thank you.

Please, send us your admin access so we can check the configuration.

Kind Regards

Please see admin access in private content.

Please, hide bottom header row as well https://gyazo.com/d7e98c277a7d7ae358982fbe704944f5
And make its height 0.

Kind Regards

I have done that which solved the ‘jump’ up, but now there is a small jump down. Any thoughts?

You need to remove your custom CSS code from Theme Settings that causes this

.whb-general-header {
	padding-top:15px;
}

Kind Regards

Thank you

You are welcome! Feel free to contact us if you have any further questions.

Kind Regards

[Author]

Posts