[SOLVED] Problems with menu in mobile mode

Hello,

the menu is not showing correctly on mobile devices in landscape mode. In portrait mode all looks good (see attach "Mobile1.png). But in landscape mode, I don´t have the offcanvas-menu (Mobile2.png).

How can I get this fixed?

Many thanks
Torsten

Hi there,
the landscape has no "offcanvas" menu because the landscape view is 1024px width.
The mobile menu start at > 768px
You can change this at customizer > See image below.


If you have changed the width in customizer you have to change the css too.
Add this to your css/custom.css and edit the 768px like you want.

@media all and (max-width: 768px) {
#jp-left { position: relative!important; width: 100%; height:auto }
#jp-left .inner { position: relative; top: 0px; left: 0px; margin: 0px; width: 100%; padding: 50px 0; text-align: left; height: auto; }
#jp-right { position: relative; width: 100%; margin: 0px auto; height: auto; }
}

Hi,

thank you for the update. I changed the settings as you said, now it looks like the attached picture. How can I remove the left image so that I have the content in full width?

This is the content of the custom.css:
@media all and (max-width: 810px) {
#jp-left { position: relative!important; width: 100%; height:auto }
#jp-left .inner { position: relative; top: 0px; left: 0px; margin: 0px; width: 100%; padding: 50px 0; text-align: left; height: auto; }
#jp-right { position: relative; width: 100%; margin: 0px auto; height: auto; }
}

Many thanks
Torsten

Play with the width please: Maybe 900px or more

@media all and (max-width: 900px) {
#jp-left { position: relative!important; width: 100%; height:auto }
#jp-left .inner { position: relative; top: 0px; left: 0px; margin: 0px; width: 100%; padding: 50px 0; text-align: left; height: auto; }
#jp-right { position: relative; width: 100%; margin: 0px auto; height: auto; }
}

Played around about an hour with the width now, I´m downloading the original "Rooms" template and will install it on another subdomain to check if that works. Will keep you posted regarding the results.
BRgds
Torsten

I´ve installed a new test site here [secret]http://http://showcase.capsvision.com/RoomsTest/[/secret]
So the problem stays the same, could you please tell me the settings of your
demo on Joomplates.com ?

Many thanks
Torsten