Change the highlight size

Moby786 · December 2015

Hi,

We need to copy the menu to be identical to this 196.46.185.99/~diningrewardsco/ . We managed to get as close as possible using the highlight function however we need the highlight to cover the entire menu when rolled over, how would i achieve this.

Regards

Albert · December 2015

Hi,

please provide url to site where you want to do similar menu and we'll see if there is anything what we can do for you.

Thanks!

Moby786 · December 2015

http://directbenefits.mobydesigns.com/

Moby786 · December 2015

and this is the site we need to copy the menu from 196.46.185.99/~diningrewardsco/

Moby786 · December 2015

Any luck with this?

Albert · December 2015

Ok. So to cover entire item, you can use something like:

#Top_bar .menu > li:hover { background: #55298a !important; }
#Top_bar .menu > li.current-menu-item { background: #55298a !important; }
#Top_bar .menu > li.current-menu-item > a { background: none !important; }
#Top_bar .menu > li:hover > a { background: none !important; }

Moby786 · December 2015

Thank you

you guys rock

Albert · December 2015

You're welcome

Change the highlight size

Comments