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!