The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Header is jumpy

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #284208


    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: {
    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:

    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. :)


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


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

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.