Hide / show modules in mobile responsive layout
-
-
- The Boss
- Sr. Rocketeer
- Posts: 176
- Thanks: 1
- Art Director / Motion Designer.
-
Hello,
I wonder if there's a way to hide or show some modules in a responsive template, following the user agent used to browse the website.
So I wanna hide a module when the website is seen on a mobile and show another when the website is browsed on a large screen.
Thanks in advance
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
-
-
- The Boss
- Sr. Rocketeer
- Posts: 176
- Thanks: 1
- Art Director / Motion Designer.
-
Cool :cheesy:
great help.
Wish they included it within the tutorial of each responsive template, otherwise no one, will get to know this !!
Thanks a lot Henning ...
-
-
-
- The Boss
- Sr. Rocketeer
- Posts: 176
- Thanks: 1
- Art Director / Motion Designer.
-
Hello,
I just faced a big problem with Adsense ads, as with using "Responsive support classes", the modules are still loading in fact, but are just hidden only!
and specially if they contain a script as Google adsense ads.
What I really want is not to load them at all on mobile phones, and load other modules instead.
Hope you got the point.
So, do you think there is a solution for this ?
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
hmm yes thats the idea of the rsponsive support classes (and responsive design in general).
Gantry offers some tools to detect mobiles via php.
It would take some custom coding to build a condition in the php for that.
This more than we can offer in this support forum.
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
I guess it could look like this
<?php gantry_import('core.utilities.gantrymobiledetect'); ?>
<?php $detector = new GantryMobileDetect(); ?>
<?php if ($detector->isMobile()) : ?>
soem code for my mobiles
<?php endif; ?>
... just to give you some direction.
-
Time to create page: 0.053 seconds