Highlight Menu style change

Albulushi · August 2014

Hello,

How can I change the style of the highlighted menu item to square instead of the round for reference check the link below.

http://awesomescreenshot.com/0103ddw2c5

Albert · August 2014

Hey,

you can do it using below custom css:

.menu-highlight:not(.header-creative) #Top_bar .menu > li > a { border-radius: 0; }

Albulushi · August 2014

Thank you.

How to change the height as well to cover the menu instead of creating a box around it I want to cover the whole menu like the following.

https://drive.google.com/file/d/0B7QKBnTRooFgQmR2VzVCd3cxcFk/edit?usp=sharing

Albert · August 2014

For that, you can use below css:

.menu-highlight.header-transparent #Top_bar .menu > li > a { margin: 0 !important; }
.header-menu-right #Top_bar .menu_wrapper { background: #000; }
.menu-highlight #Top_bar .menu > li { margin: 0 !important; }

bigbangcrea · October 2016

Hi, I'm working with the something similar, but what I need is to make highlight work as a rectangle without fill around the selected option, is that possible? My website is andresfreschi.wpstagecoach.com

Thanks in advance!

Albert · October 2016

@bigbangcrea We are sorry but we do not have any solution to make this possible.

Highlight Menu style change

Comments