[Theme: Minnow] main toggle before color

Hey there,

Hope you’re well! 🙂

If you want to just change the color of toggle

Put this code to the CSS Tool of Jetpack:

.menu-toggle,
.menu-toggle:before,
.menu-toggle:after {
	border-top: 4px solid #000;
}

If you want to replace the toggle menu

First, Use child themes for any customization you will make. Read more about it here: http://codex.wordpress.org/Child_Themes

Get the code here: https://gist.github.com/calvincanas/a9f513cc55039364fe3d and save it as ‘header.php’ and put it on your child theme’s folder. It will simply replace the ‘Sidebar’ text on line 40 to ‘Menu’ text and remove the class that make the text hidden.

Second, put the css code below in jetpack plugin. The code simply removes the toggle looks and make the color black so you can see the ‘menu’ text better.

.menu-toggle,
.menu-toggle:before,
.menu-toggle:after {
	border-top: none;

}

.menu-toggle {
	color: #000;
}

Hope it helps! 🙂

Best Regards,
Calvin

Hey there Dain,

Hope you’re well! 🙂

Unfortunately, the result is that the menu image (the border) is now much wider than before. I can’t see why that would change. Can you?

Yes, because the padding is increasing the width on which is the border depend. So let’s say the box have

10px width + 10px left padding + 5px right padding = 25px border line.

I hope I make sense here 🙂

Take care,
Calvin