1. Pappy
  2. Sherlock Holmes
  3. Commercial Templates
  4. Thursday, 09 April 2015
  5.  Subscribe via email
I have a module that displays a random photo.
I do not want it to show when table/portrait or phone, so am adding bootstrap code to stop it.

I added: hidden-phone (space in front of hidden-phone)

in the Module Class Suffix, but it is still showing the module.

http://www.adandyfarm.com/services/training-rates.html

Suggestions?
Accepted Answer Pending Moderation
0
Votes
Undo
Perfect.
I've been reading about the bootstrap 2.3 issue.
Didn't realize Modernizr was already in your coding.

Thanks,
Pappy
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Thank you for detailing. It appears to be an issues with the somewhat dated media query widths set in Bootstrap 2.3 which Joomla uses. Try adding the following to the Custom CSS field of your templates parameters which will use Modernizr to detect the device (all touch devices)...


.touch .hidden-phone {display: none;}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
I see it is working when reducing window.

Ipad, in portrait view, the module is still showing.
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Have you since resolved this issue? Checking on an Android device and checking with a resize of a desktop browser, your module is hidden on smaller screens.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok