Beans Menu Customisation

To change the appearance of the primary menu in the Beans Theme simply alter the “tm-primary-menu”. I’ve done this easily by adding some Additional CSS like so:

To change the text colour of the menu:

.tm-primary-menu .menu-item > a
{
	color: #ccc;
}

In order to change the background and text colour of the current menu item (meaning the link to the page your on at the moment).

.tm-primary-menu .current-menu-item > a {
	background-color: #444
		!important;
	color: #ccc
		!important;
}

To change the background and text colour of whichever menu item the user is hovering the mouse cursor over.

.tm-primary-menu .menu-item > a:hover
{
	background-color: #444;
	color: #ccc;
}

Leave a Reply

%d bloggers like this: