Help with Mobile menu disorder

Hi Shapely Team,

My mobile menu is messed up as per screenshot. Could you please show me how to fix this?

My website is http://adesignerslife.com.au/

The log in for my wordpress website is:

Username: adesigne_Ange

Password: 1Designer1

Thank you and hope to hear from you soon!

Hi,

You’re adding some Custom CSS that affects this, to cooperate the mobile menu with your CSS, try adding this,

@media only screen 
  and (max-width: 480px) {
.nav-open .nav-bar .module-group {
    height: 300px;
}
}

adjust the media query or the height according to your needs.

Let us know,

Thanks,
laranz.

Thanks laranz, I had to put this much of code to make it work, but thanks to you that give me clues and direction to do that. Thank you very much. Cheers :slight_smile:

/* Fix mobile menu floating*/

@media only screen 
  and (max-width: 480px) {
	.nav-open{
	height:370px !important;
	}

	.module.widget-handle {
	display: block;
	clear:both;
	}

	.nav-open .navbar-collapse, .nav-open 	#menu {
	margin-top:45px;
	}

	.nav-bar 
	{margin-bottom:20px;
	}
}

Hi,

Glad we helped. :slight_smile:

Let us know If you have any other questions. Please feel free to contact us again in the future regarding any other issues.

If you’re happy with our service, don’t forget to rate us: [Shapely] Reviews | WordPress.org

Thanks,
laranz.