Remove border around navbar item

Support
#1

I’ve been trying to remove the border around the :active & :hover nav. I’ve tried everything including the following which works in the inspector but not when I use my child-theme.

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

Thanks

#2

This is an automated message to notify you that your thread was posted in the wrong forum, and it has been moved to the correct place. A member of our team will be happy to reply just as soon as your thread is up. How support works.

For support, please post all questions in the Support Forum.

For peer to peer conversations with other Themeco customers about tips, customizations, or suggestions you are welcome to use the Conversation Forum (no official support provided here).

Design & Development, Marketing & Media, and Hosting & Optimization are for discussion with fellow Apex members about non Themeco related topics. Please keep this in mind in the future.

Thank-you!

#3

Hello Stephanie,

Thanks for writing in!

Please try adding following CSS to remove border and let us know how it goes:

.x-navbar-static-active .x-navbar .desktop .x-nav>li>a>span, .x-navbar-fixed-top-active .x-navbar .desktop .x-nav>li>a>span {
    border: 0 !important;
}

Thanks.