Reply To: Best Way to Add a Menu Button

I just took a look at your code and it looks like there is an error right above the button area in your css. If you look on line 3237 there is an extra Bracket } that needs to be removed –

/* ## Menu Button  -  From https://appfinite.com/topic/buttons-on-menusnav-bar/
--------------------------------------------- */

}
.button-menu {
	background-color: #ff8000;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border: 1px solid #fff;
	display: inline-block;
	color: #ffffff;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	width: 58px;
	text-align: center;
}

Once I removed that, I removed some of the lines in your code and added some padding. Here was the result – http://i.imgur.com/tQXmxFk.png

Is that how you want it to look? If so, just change the above code to look like this –

.button-menu {
	background-color: #ff8000;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border: 1px solid #fff;
	display: inline-block;
	color: #ffffff;
	font-size: 13px;
	padding: 10px 15px;
	text-align: center;
}

You can adjust it if you need. Let me know if that works.