Mobile menus


I’m using your theme as part of an assignment for university, and was just wondering how to prevent the navigation menu from changing to a selection box on mobiles, or when the browser window size dips to a certain size?


Add this code to Theme Options - Other - Custom CSS

@media only screen and (max-width: 767px) {
	#main-nav ul {
		display: block;
	#main-nav select {
		display: none;
	#main-nav {
		padding: 0 0 2px;

This code is good only if you have few menu items in your menu. Otherwise they won’t be visible on mobile. That’s why this mobile dropdown menu is used.