Make header sticky on top when you scroll

  • Resolved thedoublep

    (@thedoublep)


    3 years, 8 months ago

    Hi Robert,

    I am currently creating a website using Sticky Header Effects for known reasons now. That being said, I will need your help to create an initial margin of the header (from top) and then make it sticky (turn to its normal state) after scroll.

    Would you mind if I email you the link of the website?

    Many thanks in advance!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Robert Wattner

    (@rwattner)

    3 years, 8 months ago

    You can email the link or post it here, whichever you prefer.

    Plugin Contributor Robert Wattner

    (@rwattner)

    3 years, 8 months ago

    This isn’t technically a supported feature but can be done with a little CSS.
    Try this code:

    .she-header-yes:not(.she-header) {
    top: 50px !important;
}

    Replace 50px with whatever suits your needs.
    This is without having seen the site but, given your description, I think it might work. Let me know.

    Also, this might have some side effects with the WP admin bar offset. Check the front end using an incognito window or logged out if that happens. It should be fine for normal visitors.

    Thread Starter thedoublep

    (@thedoublep)

    3 years, 8 months ago

    Hi Robert,

    Apologies for the delayed response. I think I have found a solution while playing around and I am now testing it.

    Will get back to you with a final conclusion.

    Many thanks.

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

The topic ‘Make header sticky on top when you scroll’ is closed to new replies.