[Support request] nav bar shadow on mobiles does not stay active and rule/line on the bottom of na

[Tim]

I added the css code for the shadow. It stays on the main nav but once it scrolls it disappears. Also is it possible to add a line to the bottom of the nav bar across the bottom.

[Leo]

Hi there,

Edit your CSS:

.main-navigation {
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0, .7);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0, .7);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0, .7);
}

to this:

.main-navigation, .sticky-enabled .main-navigation.is_stuck {
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0, .7);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0, .7);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0, .7);
}

Let me know 🙂

[Author]

Posts