Topic Resolution: Resolved
  • Closed
  • Jon Green
    Spectator
    30.03.2016 at 16:12 #26044

    Hi,

    Is it possible to either change the bottom border colour of the sticky header or add a shadow too it please? I’d like to make it a bit more defined from the rest of the page when scrolling.

    I think I’d prefer a shadow if possible though.

    Welcome to Paul Green Hi-Fi

    Regards, Jon

    Denzel Chia
    Moderator
    Posts: 2656
    31.03.2016 at 02:07 #26085

    Hi,

    Please use the following in Theme Options -> Custom CSS
    It will produce a bottom border.

    .sticky-header {
    border-bottom: 1px solid #f1f1f1 !important;
    }

    You can change #f1f1f1 to other color hex code.

    Thank you

    Jon Green
    Spectator
    Posts: 11
    31.03.2016 at 12:39 #26125

    That’s excellent thank you! 🙂

    Is it possible to have a shadow instead? I’d be interested to see if what it looks like.

    Regards,

    Jon

    Denzel Chia
    Moderator
    Posts: 2656
    01.04.2016 at 02:09 #26156

    Hi,

    It’s difficult to make shadow work properly in all browsers.
    You can use this tool http://www.cssmatic.com/box-shadow to generate the css code and put them within above mentioned css code.

    Thank you

    Jon Green
    Spectator
    Posts: 11
    01.04.2016 at 11:48 #26166

    Thank you. Works a treat! 🙂

    I have kept the border and shadow in the CSS in case a certain browser does on show the shadow.

    Regards,

    Jon

    Denzel Chia
    Moderator
    Posts: 2656
    02.04.2016 at 08:19 #26184

    You are welcome.

    Thank you