Archived topic
Add shadow to navigation header
6 replies · Started by Sara Genone on November 26, 2020
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
Hi there,
try this CSS:
.site-header,
#mobile-header,
#sticky-navigation {
box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.43);
}ok
thank you David
sara
You're welcome
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.
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.
Sure Elvin,
Thanks
