• Hi there,

    I am having quite a few issues with customizr. I used to love this theme.

    Right now, I was wondering if someone could help me with making the header stay the same on scroll and also prevent the nav from moving locations. I just want the header to be just as it is when it loads as when page scrolling takes place.

    I greatly appreciate your help!
    Thanks,
    -Mike

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi,
    are you talking about the sticky header option?
    Just go in Appearance -> Customize -> Header -> Design and layout -> Sticky Header Settings
    then uncheck “sticky on scroll”.
    Did this help?

    hmmm nice, i have got your idea.

    Thread Starter mhensen

    (@mhensen)

    I appreciate the quick answer, but the options for check is to make the header stick while scrolling, so uncheck does the opposite. Newest Customizr version is a little different to then the past. But any of the check options don’t effect. And some don’t even do what they say – at least in my install.

    When doing a code inspection, I noticed that there is a clear fix css, and a header and nav wrapper. I have tried setting, .navbar bottom margin to 0px. I’ve also tried the other recommedations where you set new dimensions on the slider (since mine is 960X400) I tried the limit to 400px height to close the gap between the header and slider.. and that didn’t work, and the header and nav still move on scroll. These are 2 kind of simple formating issues, but for some reason.. (lack of knowing Customizr CSS conventions) I’m not able to fix them.

    Here is my site :
    https://rufolfconstruction.outputva.com/

    Thank you very much in advance!

    Thread Starter mhensen

    (@mhensen)

    ..sorry typo on the link:
    https://rudolfconstruction.outputva.com/

    I’m having the same problem, did you figure it out? (www.djizm.org)

    This post helped me:

    https://www.ads-software.com/support/topic/how-to-prevent-header-from-shrinking

    I tweaked the amounts a bit and ended up with this:
    .navbar-wrapper { margin-top: 0px ;}
    .sticky-enabled .navbar-wrapper{ margin-top: -3px;}

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Stopping your nav from moving on scroll, and header changing’ is closed to new replies.