Ipad menu button not working

[SocialLightPB]

the menu button doesnt create a drop down menu on the ipad in landscape view. no menu appears.
it works in portrait mode. Thoughts?
site is sociallightphoto.com

[ruenel]

Hello There,

Thanks for writing in!

To resolve your issue, you will need to update your custom css and use this instead:

@media(max-width:1060px){
	.masthead-inline .x-btn-navbar{
		display:block;
		float:right;
	}

	.x-nav-wrap.desktop{
		display:none;
	}

	.x-nav-wrap.mobile.x-collapsed{
		display:none;
	}

	.x-nav-wrap.mobile{
		display:block;
	}
}

Best Regards.

[SocialLightPB]

Thank you,

right now i have the above code, including

.x-nav-wrap.mobile.collapse.in {
display: block;
}

Do i need to remove this?

[Alaa]

Hi @SocialLightPB

I’ve checked your website and I can see that the code provided by @RueNel is enough to get this function working, so you can delete the code you mentioned, if for some reason this didn’t work for you, then please provide us with WordPress Dashboard login details in a “Secure Note” so we can investigate this issue.

Thanks.

[SocialLightPB]

The feed only lets me add a secure note to my original message. If it didn’t appear please let me know?

This is my current global css code, which I believe was also to fix an alignment issue of having the menu jumping down below the logo …

@media(max-width: 1060px){
.masthead-inline .x-btn-navbar {
display: block;
float: right;
}

.x-nav-wrap.desktop {
display: none;
}

.x-nav-wrap.mobile.collapse {
display: none;
}

.x-nav-wrap.mobile.collapse.in {
display: block;

}

}

[christian]

Hey @SocialLightPB,

I changed it with the code from this similar thread https://theme.co/apex/forum/t/change-mobile-menu-breakpoint/32576/4?u=christian_y. Please also note what I said in the thread.

I’ve recorded what I did so you could clearly see where the issue was (see secure note)

Thanks.