Dante Mobile Menu Not displaying properly

[Mohammad – SUPPORT]

Hi,
I made changes as you want but it was very time taking and hard to fix . Finally , i made it better .
Thanks

[gab213]

ok great THANKS
that helped me a lot

i did a few changes too, that finished the job.
Really appreciate your help.

i also applied

bootstrap responvise classes to php in the single.php & page.php
in order to get sidebar to display none in tablets and mobile devices

[Mohammad – SUPPORT]

Hi,
You welcome .
Thanks 🙂
With Best Regards
Swift Ideas

[gab213]

hello
i would like the mobile menu to appear in an ipad in Landscape mode? how can i accomplish this?

[Kyle – SUPPORT]

Hi

Try this custom css:

@media only screen and (max-width: 1024px) {

.header-6 #logo, .header-7 #logo {
		width: 100%;
		padding: 0 15px;
		left: 0;
		height: auto;
		position: relative;
	}
#main-navigation {
		display: none;
	}
nav.search-nav {
    display: none;
}
.visible-sm.visible-xs.mobile-menu-show {
  display: block!important;
}
#logo a {
    float: left;
}
} 

If you are not using header 6 or 7, you may need to change the css.

– Kyle

[gab213]

hi thanks so much but now i have to problems (see pic)

A. nav now shows on ipad landscape but mobile menu icon is not working when clicked

B. on ipad portrait mode the mobile menu, since inserting custom css code from last reply, is almost off the screen, but it does work.

[Mohammad – SUPPORT]

Hi,
I have fixed your B- point . Which tool are you using for testing ?
Thanks

[gab213]

hello
i’m using an ipad 3rd gen. to test
what can i do about point A. when clicked it does not open the mobile menu?

[Mohammad – SUPPORT]

Hi,
My Colleague will assist you very soon .

Thanks 🙂
With Best Regards
Swift Ideas

[Swift Ideas – Ed]

@gab213 is this on tablet portrait mode? Checked and working fine here.

– Ed

[gab213]

no on ipad landscape mode

[gab213]

On ipad Portrait it works just fine, but i need it to also work on ipad Landscape mode because of the design (left sidebar Navigation) i need the mobile menu to appear on Ipad Landscape.
As you can see on screenshot it appears fine but when clicked, nothing happens?
could it be the Z-index?

[Swift Ideas – Ed]

You’ll need to adjust this css in the responsive.css file:

@media only screen and (min-width: 992px) {
	.mobile-menu-open #container {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	#mobile-menu-wrap {
		visibility: hidden;
		-webkit-transform: translate3d(0, 0, 0);
		-webkit-transition: none;
		transition: none;
		-webkit-transform: none;
		transform: none;
		display: none;
	}
}

Likely:

@media only screen and (min-width: 1025px) {
	.mobile-menu-open #container {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	#mobile-menu-wrap {
		visibility: hidden;
		-webkit-transform: translate3d(0, 0, 0);
		-webkit-transition: none;
		transition: none;
		-webkit-transform: none;
		transform: none;
		display: none;
	}
}

[gab213]

hello thanks for the code

but once i put above css into the themes responsive.css file
the mobile menu stop responding both on the landscape and portrait mode

[Mohammad – SUPPORT]

Hi,
DO you want to show logo and Menu both at tablet landscape mode .
Thanks