Remove shadow under navbar

Support
#1

Hi, I’d like to remove the shadow under the navbar menu items in Ethos. I’ve seen various posts in the forum, but none of the code that has been suggested works for me.

#2

Hello There,

Thanks for writing in! To remove the shadow under the navbar menu items in Ethos, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-navbar-fixed-top-active .x-navbar-wrap,
.x-navbar {
    border: none;
    margin-bottom: 0;
}

.x-navbar .desktop .x-nav > li > a:hover, 
.x-navbar .desktop .x-nav > .x-active > a, 
.x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: none;
}

Hope this helps. Please let us know how it goes.

#3

Nope still there.

#4

Hi There,

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

#5

Sure, here it is:
http://79.170.40.173/wpcourses101.co/

#6

Hey @pghealy,

Give a try to this following CSS code.

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
              box-shadow: none !important;
}

Let us know how it goes.

Regards

#7

Hi there,

Please try this:

.x-navbar .desktop .x-nav > li > a:hover, 
.x-navbar .desktop .x-nav > .x-active > a, 
.x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: none;
}

Please make sure that there are no CSS errors in the current CSS code in the customizer before adding this code.

Thank you.

#8

Genius! Thank you.

#9

Hi @pghealy,

Happy to hear that.

Feel free to ask us again.

Thanks. :slight_smile:

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.