Start a new discussion

To start a new discussion please visit the discussions section of the GitHub home page of the project.

Discussions on GitHub

You can also search our old self-hosted forums for any useful information below but please note that posting new content here is not possible any more.

Re: Change menu color with CSS

Home Forums Older releases 0.9.x Change menu color with CSS Re: Change menu color with CSS

#1540
admin
Keymaster

Hi,

Glad you like the script!

The “sm-simple” theme doesn’t have hover styles for the responsive menu by default. I.e. you have just the following by default:

	.sm-simple a {
		padding-top:13px;
		padding-bottom:13px;
		background:transparent !important;
		color:#555 !important;
	}

If you like, you could add hover styles by editing the above like this:

	.sm-simple a {
		padding-top:13px;
		padding-bottom:13px;
		background:#fff;
		color:#555;
	}
	.sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active,
	.sm-simple a.highlighted {
		background:#bbb;
		color:#fff;
	}

However, note that on mobile touch devices the hover effect is sticky and if you ask me it really works better without it.

Cheers!