Site logo

[Resolved] Navigation bar bottom shadow (Static and Sticky)

Home Forums Support [Resolved] Navigation bar bottom shadow (Static and Sticky)

Home Forums Support Navigation bar bottom shadow (Static and Sticky)

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #731961
    Rob Cruz

    Hello!

    So I added this CSS to achieve the shadow:

    
    #site-navigation {
    	-webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
    	-moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
    	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
    }
    

    I found that css code on here and it seemed to work for others but not on my site. I wonder why? The shadow doesn’t extend all the way the navigation bar. I wanted it to look like this.

    What changes should I make? Thank you.

    Rob

    #731972
    David
    Staff
    Customer Support

    Hi there,

    try this CSS instead:

    #masthead {
    	-webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
    	-moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
    	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
    }
    #732794
    Rob Cruz

    Thanks David, it worked! It also works on sticky navigation as well, in case others are wondering.

    #733061
    David
    Staff
    Customer Support

    Glad to be of help

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.