Help please with Ethos - lines around menu

Support
#1

Hello there!

I am using the Ethos stack, and very much like the way it looks - with one small but notable exception. I absolutely can not stand the way ‘lines’ appear around the menu - see example image.

How do I remove that? Is custom CSS needed? Or is it just something I’m missing in the theme options?

Many thanks in advance for any assistance that is provided!

-Amie

#2

Hello Amie,

Thanks for asking. :slight_smile:

Please add following CSS under X > Theme Options > CSS to remove navigation border:

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    border: none;
}

.x-navbar{border-bottom: none;}

.x-logobar {
    border-bottom: 0;
}

Thanks.

#3

Brilliant! That was exactly what I needed - thank you!!