Docs

[stuartleighbray]

Hi there,

I want to either make the pill outline around the navigation elements disappear or be without rounded corner. Can you please help.

My site is here:- http://www.cascadetesting.co.uk

Best regards
Stuart

[Thai]

Hi Stuart,

To remove the border around the menu items, please add the following CSS under Customizer > Custom > Global CSS:

.x-navbar .desktop .x-nav>li>a:hover>span,
.x-navbar .desktop .x-nav>.x-active>a>span, 
.x-navbar .desktop .x-nav>.current-menu-item>a>span {
    border-color: transparent;
}

Hope it helps 🙂

[stuartleighbray]

Thank You. Worded perfectly for making the border transparent. Any way to keep it visible but my it a square/oblong?

Best regards

[John Ezra]

Hi there,

Thanks for updating the thread! Pleas change the previous CSS to the following css:

.x-navbar .desktop .x-nav>li>a:hover>span,
.x-navbar .desktop .x-nav>.x-active>a>span, 
.x-navbar .desktop .x-nav>.current-menu-item>a>span {
    border: 3px solid #ffffff;
    border-radius: 0px;
}

Hope this helps – thanks!

[Author]

Posts