Home Forums Exoplanet Change Primary Menu icon Reply To: Change Primary Menu icon

#1516
Andy
Keymaster

Can you try adding this into Appearance > Customize > Additional CSS

.toggle-nav span {
	background: transparent;
}
.toggle-nav span:before {
	font-family: 'FontAwesome';
	content: "\f030";
	font-size: 30px;
	color: #fff;
	height: 30px;
	background: transparent;
}
.toggle-nav span:after {
	display: none;
}

In the example above I included a camera icon.
You can change this to a more suitable icon by changing this line:
content: "\f030";

List of available fonts here: https://fontawesome.com/v4.7.0/cheatsheet/

on the fontawesome page the code for camera icon is &#xf030 and you would just use the f030 part preceded with a back-slash e.g. content: "\f030";