Remove border around navigation

[monger]

I see a faint image like rollover effect on navigation element how can I remove it or change the color of it or is this not an option in Icon stack.

www.verasabe.com

[prakash_s]

Hello George,

Thanks for writing to us

To get rid of the hover effect on the navigation or to change its colour you can add these custom CSS code under X/Pro-->Theme Options -->CSS

Remove the hover effect CSS Code

.x-navbar .desktop .x-nav>li>a>span {
    border: none;
}

Colour change of hover effect

.x-navbar .desktop .x-nav>li>a:hover>span {
    border-color:rgb(147 203 223);
}
.x-navbar .desktop .x-nav>.x-active>a>span, .x-navbar .desktop .x-nav>.current-menu-item>a>span {
    border-color: rgb(147 203 223);
}

You can change the border-color value as per your design.

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps you.
Thanks

[monger]

Thank you This fixed the issue I appreciate the advise

[prakash_s]

Hello George,

Glad that we are able to help you

Have a great day!
Thanks