Home › Forums › Support › Navigation bar bottom shadow (Static and Sticky) This topic has 3 replies, 2 voices, and was last updated 6 years, 10 months ago by David. Viewing 4 posts - 1 through 4 (of 4 total) Author Posts November 20, 2018 at 4:41 am #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 November 20, 2018 at 4:55 am #731972 DavidStaff 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); } November 20, 2018 at 4:06 pm #732794 Rob Cruz Thanks David, it worked! It also works on sticky navigation as well, in case others are wondering. November 21, 2018 at 1:37 am #733061 DavidStaff Customer Support Glad to be of help Author Posts Viewing 4 posts - 1 through 4 (of 4 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In