Archived topic

Change hamburger icon color on one page only

3 replies · Started by Michael on June 25, 2018

Viewing posts 1–4 of 4

June 25, 2018 at 11:03 pm #608580

Hello,

I want to change the hamburger icon color to black on one page only that is not using a transparent page header. Tried code below with no success.

.page-id-366 .menu-toggle {
	color: #000;
}

Or this from someone with a similar request.

.page-id-366 .main-navigation .main-nav ul li a, 
.page-id-366 .main-navigation .menu-toggle {
	color: #000000;
}

June 26, 2018 at 1:36 am #608669

Hi there, that code should work. Can you provide a link to the site? You can edit the original topic and add it in the Site URL for privacy.

June 26, 2018 at 2:09 am #608692

It's on a desktop server before going live so no url to share. I played around a bit more and fixed it. Updated code is.

.page-id-366 .menu-toggle:before {
	color: #000000;
}

Thanks.

June 26, 2018 at 2:38 am #608708

Ah yes just the toggle is in a before pseudo element. Glad you got it resolved and thanks for sharing.

This archived topic is closed to new replies.