Recent
Categories
View Replies (4)

Calibra - bootstrap

0
Votes
Undo
  1. Pappy
    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?
Responses (4)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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. # 1
Pappy
Pappy
Sherlock Holmes
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. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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. # 3
Pappy
Pappy
Sherlock Holmes
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. # 4
  • Page :
  • 1


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