Add logo to expanded mobile menu

I sort of have a fix but it caused a new issue. I made the margin-top 320px so it slides in under the logo but on the iPhone it won;t show the full menu so I added in this, trying to make it scroll, but it’s not working –

	.boxed #wrap_all {
		overflow: visible; /*needed for mobile menu scrolling */
	}
	
	ul#mobile-advanced {
	  overflow-x: visible;
	}

Thoughts?

Sure! I currently have an alpha of 0.9 as the background when the mobile menu opens but what would be ideal is to show the logo at the top or bottom, or logo at top and another picture below the menu. If you look at my child css you’ll see that I’ve commented out the overflow for now as the site is live. Thanks!

http://anhandchi.com/

Here’s all of the css for the open mobile menu –

	/* styling menu when open */
	
	/* .boxed #wrap_all {
		overflow: visible !important;
	}
	
	ul#mobile-advanced {
	  overflow-x: visible !important;
	} */
	
	#top .av_header_glassy.av_header_transparency .header_bg {
		opacity: 0;
	}
	
	.responsive #top .av_header_transparency #header_meta {
		border-color: #004a5a;
	}
	
	.show_mobile_menu #mobile-advanced {
		min-height: 1500px!important;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;s
		border: 0px solid #fff;
		border-left: 0px solid #004a5a;
		/* background: #004a5a; */
		background-color: rgba(0, 74, 90, 0.9);
		/* background: url("images/mobileBg.png") !important; */
	}
	
	#mobile-advanced a {
		color: #fff;
		border-bottom-width: 0px;
		text-align: center;
	}
	
	#mobile-advanced li > a:before,
	.html_header_mobile_behavior #mobile-advanced span > a:before,
	#mobile-advanced .mega_menu_title:before {
		content: "" !important;
		}
			
	.show_mobile_menu #advanced_menu_hide {
		border: 0px solid #fff;
		/* top: 95%; */
	}

Sorry for the long delay replying – that worked very nicely; thank you! :)