Recent
Categories
View Replies (5)

hidden-phone does not work on J51 - Enlighten

0
Votes
Undo
  1. paulchen61
    paulchen61
  3. Commercial Templates
  4. Tuesday, 02 June 2015
  5.  Subscribe via email
Hi,

I use the Template J51 - Enlighten.
I want to hide the J51_GridGallery module on Smartphons. For that I have " hidden-phone" written in the Module Class Suffix, but without success.
This tip has unfortunately not helpful: http://www.joomla51.com/forum/8-commercial-templates/6802-calibra-bootstrap#16132
Here is the link to my site: http://new.kirche-kaldenkirchen.de

Thank you for your help,

Joerg
Responses (5)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Joerg

To resolve try adding the following to the Custom CSS field of your templates parameters...


@media (max-width: 767px) {

  .hidden-phone {

    display: none !important;

  }

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
paulchen61
paulchen61
Accepted Answer Pending Moderation
0
Votes
Undo
Hello, unfortunately it has not worked. I have entered the code as you have described, unfortunately without success.

Joerg
  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
Hi Joerg

Would you have a URL directly to an example of the GridGallery module you are trying to hide and we will examine this issue further.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
paulchen61
paulchen61
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán,

sorry for the late reply. The URL is http://www.new.kirche-kaldenkirchen.de
Many Greetings,

Joerg
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Joerg

We are unable to see the hidden-phone class in your source. An alternative solution would to add the following to your Custom CSS field which would simply hide this module position on smaller screen devices...


@media (max-width: 767px) {

#container_slideshow {display: none;}

}


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


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