Remove border around cart icon in nav

[IPProduction]

How do I remove the thick border around the cart icon in the header? I’ fine with the other links having active borders, but the thick border around the cart icon isn’t working for me.

Can’t seem to find the right selector to rmeove it.

bedfordfloristtemp.com

[Prasant]

Hello @IPProduction,

Thanks for asking.

You can use following CSS under X > Theme Options > CSS to remove border in cart icon:

.x-navbar .x-nav>li.x-menu-item-woocommerce>a .x-cart:not(.stacked) {
    border: none;
}

Above changes are done using custom CSS. If you would like to explore CSS, please take a look at following resource:

https://www.w3schools.com/css/

I have found the proper CSS code selector using the Chrome browser Developer Toolbar:

Please note that providing support for custom codes (like CSS changes) falls outside the scope of support we can offer. In case of any issues with the layout because of custom codes we won’t be able to provide support.

Thanks.