Box-Shadow After Scrolling?

  • Resolved jackhb

    (@jackhb)


    5 years, 8 months ago

    Firstly thank you Robert Wattner for developing the sticky header effects plugin, it has given the website header a really professional look.

    I am looking for a way to add a box-shadow to the header section after scrolling 30px. I see in the future pro version this feature may be implemented. For now, can anyone help me on any custom css or an additional feature that I can add to achieve this look please?
    Many thanks,
    Jack

    The page I need help with: [log in to see the link]

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

    (@rwattner)

    5 years, 8 months ago

    Hi, you’re very welcome, and thank you! Yes, you can do this with just a little custom CSS.
    Put this code wherever you keep your custom CSS 

    .she-header {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}

    Adjust the settings and color as needed. HERE is a good source on how to do that if you don’t already know.

    Hope this helps! Let me know if you need anything else and stay safe out there!

    Thread Starter jackhb

    (@jackhb)

    5 years, 8 months ago

    Perfect! Thank you so much Robert, this has worked an absolute treat! Legend

    Plugin Contributor Robert Wattner

    (@rwattner)

    5 years, 8 months ago

    No problem, happy to help!

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

The topic ‘Box-Shadow After Scrolling?’ is closed to new replies.