Canvas Support

Hide a pic during mobile browsing

2 replies·opened Feb 24, 2017
S
simog72Feb 24, 2017

Hi
i’m using a revolution slide banner available on canvas, i wanted to make a picture (normally visible during desktop navigation) not to be displayed if a mobile device is browsing the site

I know that You can simply add the data-visibility=”[‘on’, ‘on’, ‘on’, ‘on’]” Attribute to the .tp-caption Element.
but when I see with Portable APPLE Devices appears a picture "Dot" anyway

please hlep
Simone

S
SemiColonWebSTAFFMar 1, 2017

Hello,

Thanks for your Patience!

Please find the following code: 

<div class="rs-background-video-layer"
	data-forcerewind="on"
	data-volume="mute"
	data-videowidth="100%"
	data-videoheight="100%"
	data-videomp4="IAM_new.mp4"
	data-videopreload="preload"
	data-videoloop="loopandnoslidestop"
	data-forceCover="1"
	data-aspectratio="16:9"
	data-autoplay="true"
	data-autoplayonlyfirsttime="false"
	data-nextslideatend="true"
></div>

and replace it with: 

<div class="rs-background-video-layer"
	data-forcerewind="on"
	data-volume="mute"
	data-videowidth="100%"
	data-videoheight="100%"
	data-videomp4="IAM_new.mp4"
	data-videopreload="preload"
	data-videoloop="loopandnoslidestop"
	data-forceCover="1"
	data-aspectratio="16:9"
	data-autoplay="true"
	data-autoplayonlyfirsttime="false"
	data-nextslideatend="true"
></div>

<div class="tp-caption tp-resizeme tp-videolayer"

	data-visibility="['off', 'off', 'off', 'on']"
	data-type="video"
	data-videomp4="IAM_new.mp4"
	data-videowidth="1270"
	data-videoheight="720"
	data-autoplay="off"
	data-videocontrols="controls"
	data-nextslideatend="true"
	data-forcerewind="on"
	data-videoloop="loopandnoslidestop"
	data-allowfullscreenvideo="true"
	data-videopreload="auto"

	data-x="center"
	data-y="center"
	data-hoffset="0"
	data-voffset="0"
	data-basealign="slide">

<div>

This should definitely work fine on Mobile Devices. Similarly you can do this for all your Video Layers.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard