Header is jumpy

[lizwood28]

Hi,

I am using wordpress theme Brasserie Pro and currently trying to customise my website. I have a few issues which I may need help with other the coming weeks.

My first issue is my header (logo and navigation bar) as it is quite jumpy. How do i get this so that it flows smoothly when scrolling? I have added some additional CSS in the custom CSS file to stop the logo and nav menu being sticky and to centre them both. So i’ve probably forgot to add something to stop the jumpiness.

Additional CSS I added was:

.stickyHead.is-sticky {
position: relative !important;
}
.site-logo {
float: none !important;
}
.main-navigation {
float: none;
width: 60%;
}
.main-navigation ul {
float: none !important;
width: 100% !important;
}

My website is: https://www.cakebuds.co.uk

If you need any more information to help me then please ask.

Please note that I very new to wordpress and CSS so my knowledge it very limited so please be patient with me as it may take me a little while to understand.

Many thanks in advance. :)

[LearnTheNew]

Yaa what you writen the code is correct but have you assigned the particular class to that nav?. – @LearnTheNew

[siclol]

You are dynamically changing margin-top on .header_placeholder. That’s what’s causing it to look jumpy.

[Author]

Posts