Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #1966381
Header's shadow
Closed

Comments

  • Laura started the conversation

    HiĀ Gregor!!


    Is it possible to have a small shadow down my header everytime? I mean, even before scroll. In this moment, shadow appears when I do scroll, but I would like to have it from the beginning.

    Thanks so much!!!!

  •  7,095
    Oliver replied

    Hi,

    Sorry, you need to make transparent menu on header with opacity? Can you add few screenshots how it should look like?

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • Laura replied

    Good morning!! Sure!! I mean to have the fixed shadow, as I show you in this photo, from the beginning. Now, when you open the website, header has no shadow until you start scroll, I would like to see the shadow from the first moment.


    Thanks a lot!!! :)



  •  7,095
    Oliver replied

    Hi,

    CSS:

    #page:not(.vertical-header) #site-header:not(.fixed) {
        -moz-box-shadow: inset 0 0 2px 0 rgba(56, 69, 84, 0.2);
        -moz-box-shadow: inset 0px -16px 52px -8px rgba(0,0,0,0.31);
        box-shadow: inset 0px -16px 52px -8px rgba(0,0,0,0.31);
    }

    Generate the shadow you can here:

    https://www.cssmatic.com/box-shadow

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver