Add background boxes to navigation menu

[Tony Mormino]

Hi Bill is it possible to add background boxes to the navigation menu in the finesse theme?

Thanks so much for all the help!

Tony

[Bill Robbins]

Hi Tony,

You can do that. Add this to the Custom CSS that’s in the advanced section of the Customizer:

#header-content li a {
	color: #fff;
	background-color: #000;
}

#header-content li a:hover {
	color: #000;
	background-color: #fff;
}

#header-content li.current-menu-item a {
	color: #000;
	background-color: #fff;
}

#header-content li a.cart-link {
	padding-bottom: 4px;
}

The top style is for the default state of the menu items. The second one is for the hover state. The third is for the current menu item. The last one helps line up the bottom of the cart icon.

Have a great week,
Bill

[Tony Mormino]

awesome! Thanks, Tony

[Bill Robbins]

Happy to help out Tony 🙂

[Author]

Posts