[Support request] Add shadow to navigation header

[Sara Genone]

Dear all
I need to add shadow effect to my navigation header here:
https://dev.socialmela.it/
I tryed to use the same code you suggested me for this site: https://sviluppo.socialmela.it/sviluppo/

.secondary-navigation, .site-header, #mobile-header, .main-navigation {
position: relative;
box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.43);
}

But it’s doesn’t work..
Could you help me?
Thank you
Sara

[David]

Hi there,

try this CSS:

.site-header,
#mobile-header,
#sticky-navigation {
    box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.43);
}

[Sara Genone]

ok
thank you David
sara

[David]

You’re welcome

[Cedric]

This worked great however it only worked in Sticky mode. The shadow does not appear when at the top of the page. How do we make the shadow show all the time? Also, is there a way to add a shadow to the drop down sub menu as well? I have the premium version of GP and I like it very much. Couldn’t find these options however.

[Elvin]

Hi Cedric,

This worked great however it only worked in Sticky mode. The shadow does not appear when at the top of the page. How do we make the shadow show all the time? Also, is there a way to add a shadow to the drop down sub menu as well? I have the premium version of GP and I like it very much. Couldn’t find these options however.

As this is solved for the topic starter, can you open up a new topic?

So you can use the Private Information textfield to provide us the site details so we could check it. Thank you.

[Cedric]

Sure Elvin,

Thanks

[Author]

Posts