Recent
Categories
View Replies (4)

disable "showcase" module position for mobiles

0
Votes
Undo
  1. Robert10
    Robert10
  3. Commercial Templates
  4. Monday, 31 August 2015
  5.  Subscribe via email
Within the (Enterprise) Template setting you can (dis)able responsive module positions. The one you can not configure is the "showcase" position. This is the position we use for look and feel purposes and doesnot add any relevant info. We have put a video in there, but it won't show on mobile devices. It is showing a black viewing area.
Not showing the video is not important, but we like to remove the back viewing area, because it is really disturbing for the customers experience.
Is there a way to disable viewing of the "showcase" position on mobile devices? Thanks in advance.
Responses (4)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Robert

To disable this area completely on smaller screen devices you can use the following custom CSS in the CSS field of your choice (Responsive Options tab)....


#container_slideshow {

    display: none;

}


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

this worked fine, thank you very much.
To be blund, can I ask you if it is possible to make a destinction between the different operating systems.
The video works on new Android phone and tablets, but on an Apple OIS it is not working. Do not misunderstand me, I am very happy with the solution you mentioned, but if it is possible to show it on the Android and at the same time disable it on the OIS, it would be perfect.
Best regards,
Rob
  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 Rob

It can be a little tricky this but you can try adding the following to the Custom CSS field of your templates parameters (Custom CSS tab)...


@media screen and (-webkit-min-device-pixel-ratio:0) {

#container_slideshow {

    display: none;

}}

@media screen and (-webkit-min-device-pixel-ratio:2) {

#container_slideshow {

    display: none;

}}


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

thank you. I am going to experiment with the option you gave me. If it is not working, that's OK, if it does work, great.
The most important thing is we have now disabled the video for small screen devices and it does not show a black module position.
So, even in this scenario our objectives are met. Again, we are greatfull, thank you.

Best regards,
Rob :) :)
  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!

Site Links

Recommended

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