Shadow/line under navigation menu bar

Support
#1

Hello. How do I get a line/shadow back under my fixed navigation menu when scrolling so there is some kind of division between the menu bar and the page content? My nav bar background is white and so is my page, so when I scroll the menu merges with the content.

#2

Hi There,

Thanks for writing in!

You can use this custom CSS to put shadow on the menu bar. Add this to Theme Option -> Global CSS

.x-navbar-fixed-top {
-webkit-box-shadow: -1px 4px 3px -3px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 4px 3px -3px rgba(0,0,0,0.75);
box-shadow: -1px 4px 3px -3px rgba(0,0,0,0.75);
}

You can adjust the value as per your requirement.

Thanks

#3

Thank you.