[SOLVED] Problems with menu in mobile mode
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.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
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; }
}
www.joomlaplates.de/dokumentation.html
Attachments:
Please Log in or Create an account to join the conversation.
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.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
@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; }
}
www.joomlaplates.de/dokumentation.html
Please Log in or Create an account to join the conversation.
BRgds
Torsten
Please Log in or Create an account to join the conversation.
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.