Please help, Header issue on scroll

  • Resolved mhensen

    (@mhensen)


    9 years, 9 months ago

    Hi there,

    I asked the question once, but it wasn’t resolved.. I will delete that entry if solution is available in this post.

    I have customizr theme installed, and the header is set to sticky. However, my header graphic changes to black and the navigation bar also moves to the right on scroll.

    I would like to have the nav bar remain in the same place and also
    for the logo and header background to also remain the same in place. I noticed in the customize section under header, there is no keep header the same on scroll. but that would be a helpful check box for people who don’t want the header to shrink on scroll.

    Also, there is a slight gap between the header and slider when sticky is checked.. as so as its unchecked the 4-5 px white gap disappears.
    Can I also have this gap relieved for the onscroll sticky header.

    Thank you very much!
    -Mike

Viewing 3 replies - 1 through 3 (of 3 total)

  • Look you have this:

    .navbar-wrapper {
    margin-top: 57px;
}

    in your custom css
    but when sticky is enabled, customizr css says:

    .sticky-enabled .navbar-wrapper {
margin-top: 0;
}

    so just add to your custom css:

    .sticky-enabled .navbar-wrapper {
margin-top: /*don't know, up to you*/;
}

    hope this helps.
    Anyway your header isn’t really responsive, I suggest you to take a look to the media queries.

    Thread Starter mhensen

    (@mhensen)

    Thank you very much D4z! I greatly appreciate it!!!

    That fixed the issue. I have been on Fiverr for a few days also trying to get help. I know you are part of the WP community, but I have a few issues that I could really use help on .. same stuff just small tweaks. Could i offer a couple $$$ to help me out with these issues? or even help you out in someway?? I have a design/print business. I would be happy to help ya if I can too. Let me know.

    The other 2 issue’s I’m having are the Logo doesn’t seem to stay left all the time. I need it to stay on the left during responsive resize. It wants to goto middle on, and disappears on a few pages?

    The nav bar is also resizing on scroll, basically shrinking back like customizr has it do on scroll. I want it to remain static.

    could I ask for your help on this? Might I contact you via facebook?? or call ya? Thanks!

    Thread Starter mhensen

    (@mhensen)

    Thanks again D4z!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Please help, Header issue on scroll’ is closed to new replies.