Archived topic

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

1 reply · Started by Tim on February 11, 2019

Viewing posts 1–2 of 2

February 11, 2019 at 6:43 pm #807900

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.

February 11, 2019 at 6:45 pm #807901

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 :)

This archived topic is closed to new replies.

Start building better websites today.