Responsive Menu style change

This topic has 3 replies, 2 voices, and was last updated 8 years, 3 months ago by Wes.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
January 15, 2016 at 1:47 am #17017
Terri
Customer
How do I change the color and font size of the responsive menu on the inside pages? I still want the hamburger menu icon to be white on the home page, but want it to be red on the inside pages.

Thank you!

Terri
January 15, 2016 at 11:15 am #17021
Wes
Moderator
You can add it in around line 1927 inside here –
```
	.genesis-nav-menu.responsive-menu li.current-menu-item > a,
	.genesis-nav-menu.responsive-menu .sub-menu li.current-menu-item > a:hover,
	.genesis-nav-menu.responsive-menu li a,
	.genesis-nav-menu.responsive-menu li a:hover {
		background: none;
		border: none;
		display: block;
		padding: 10px 0;
		text-transform: none;
	}
```
You may have to add !important if the color doesn’t show up since this is overriding it –
```
.front-page .genesis-nav-menu > .menu-item > a {
    color: #FFF;
}
```
January 17, 2016 at 3:26 pm #17029
Terri
Customer
Perfect! Thank you!

I was also able to change the size and color of the dashicon so that I could have a white one on the front page and red on the inner pages. 🙂
January 18, 2016 at 7:39 pm #17032
Wes
Moderator
You’re Welcome!
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Responsive Menu style change’ is closed to new replies.