End of Support for Joomla 3 - Forum closed

[SOLVED] Adapting the template to mobiles ?

Adapting the template to mobiles ? was created by Django29

Posted 9 years 9 months ago #6667
Hello
My site with your template X2 is on line, but how can I adapt it to the mobiles ?
Mainly :
- unpublish the widgetkit images in the background (for me, video in homepage, and a photo for the other pages).
- display a mainmenu usable on a mobile phone.
Last Edit:9 years 9 months ago by Django29
Last edit: 9 years 9 months ago by Django29.

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

Replied by joomlaplates on topic Adapting the template to mobiles ?

Posted 9 years 9 months ago #6670
What do you mean, please more details!

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

Replied by Django29 on topic Adapting the template to mobiles ?

Posted 9 years 9 months ago #6671
Sorry, I thought it was clear .
In the admin of some templates we have the possibility to select the behaviour of each part of the site, depending on the size of the screen used : normal computers, tablets, or mobile phones. Not only the responsive function, but which elements must be displayed on which screen.

To display correctly my new website with X2 / Joomla 3 on the mobiles, I would like to :
- disable the images in the background (Widgetkit),
- disable a few modules
- display a mainmenu usable on a mobile phone.

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

Replied by joomlaplates on topic Adapting the template to mobiles ?

Posted 9 years 9 months ago #6676
You have the option to disable some modules in mobile devices, therefore you can add a module class suffix to the module.
Disable the module at Tablets ( max width 768px)
module class suffix = hidden-tablet
Disable the module at Phone ( max width 460px)
module class suffix = hidden-phone

Attachment phone.jpg not found

Attachments:

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

Replied by Django29 on topic Adapting the template to mobiles ?

Posted 9 years 9 months ago #6679
OK. Thanks.
It works for standart modules, but, on my phone :
- There is no more mainmenu (without hidden-tablet or hidden-tablet)
- The module Googlemaps, in the position "map", is still displayed (with hidden-tablet &hidden-phone for this module)

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

Replied by joomlaplates on topic Adapting the template to mobiles ?

Posted 9 years 9 months ago #6683
Yes youre right, the module class suffix is working only for standard modules and not for menu modules.
The map must be disabled directly with hard coded:

< iframe class="hidden-phone"....

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 © 2024 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License