End of Support for Joomla 3 - Forum closed

[SOLVED] Problems with menu in mobile mode

Problems with menu in mobile mode was created by TorstenL

Posted 8 years 4 months ago #10608
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
Attachments:

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Problems with menu in mobile mode

Posted 8 years 4 months ago #10621
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.

Attachment landscape-001.jpg not found



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; }
}

Attachments:

Please Log in or Create an account to join the conversation.

Replied by TorstenL on topic Problems with menu in mobile mode

Posted 8 years 4 months ago #10627
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
Attachments:

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Problems with menu in mobile mode

Posted 8 years 4 months ago #10628
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; }
}

Please Log in or Create an account to join the conversation.

Replied by TorstenL on topic Problems with menu in mobile mode

Posted 8 years 4 months ago #10630
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

Please Log in or Create an account to join the conversation.

Replied by TorstenL on topic Problems with menu in mobile mode

Posted 8 years 4 months ago #10632
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

Please Log in or Create an account to join the conversation.

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2022 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License