Docs

[wnhorne246]

Hello,

First, I just bought your theme and I’m super impressed at the time and effort that must have gone into X.

I have a site I’m working on at dev.emilycolin.com. I’ve chosen the Ethos 3 demo to work from.

The issue I am having is with the Slider Revolution plugin. I have a YouTube video for desktops and laptops that I’ve placed above the masthead. What I can’t figure out is how to use a different non-video slider for mobile devices on the same page. Is this even possible?

[Nico]

Hi There,

Thanks for writing in.

You can check the link below on how to disable video on mobile and show a different element on mobile version.

https://community.theme.co/forums/topic/slider-on-mobile-view/

Thanks.

[wnhorne246]

This reply has been marked as private.

[Paul R]

Hi,

Please remove your video slide and add your video as background video.

http://screencast.com/t/mCg6jvMG45

Hope that helps.

[wnhorne246]

I’m now very confused. I’m not trying to add a video. I’m trying to add a slide that will be used for ONLY mobile devices since video for mobile does not play due to the data rates for mobile. What would be preferred is a slide that I could also add layers to to display text content on for SEO purposes. If you look at the screen shot you provided, the “Video Poster Image” is called Mountains.png which is a image and not a video. This is the slide I would like to add layers to for the mobile views.

When I used this image for the “cover image” for the YouTube video, it did show up on mobile and desktop. The issue I found when doing this method is, the image is not great for matching the video and The image did not show any layers that I hid from desktop and laptop on a tablet when turned in landscape.

I’m open to suggestions.

Thanks for your help.

[Paul R]

Hi,

Sorry for the confusion.

You can add layers instead and set it to display in mobile only.

Please refer to the link below.

https://www.themepunch.com/revslider-doc/layer-mobile-visibility/

Hope that helps.

[wnhorne246]

Not trying to be difficult, but as I said, when I use this method it hides all the layers on a tablet with a high resolution screen while in landscape mode. I’m guessing the resolution makes it hard for it to know that it’s a mobile device. Is there a work around?

Thanks

[Joao]

Hi There,

The mobile poster image only works in conjunction with a background video added to the page. For this, you’d want to use a transparent slider. When the slider is transparent, it shows through whatever is placed underneath it. X places the video background or mobile image depending on what device is detected. You can see this in action here: http://theme.co/x/demo/integrity/1/

Your video layer covers up the screen, and it won’t show anything underneath. You could switch to using a background video instead of slider layer, but unfortunately you’d lose some control over the video, such as audio if you switched to this method.

Hope that helps,

Joao

[wnhorne246]

But using the background video option does not support YouTube Videos, correct?

Also, as stated in my last post, is there a way for things that are hidden from desktop and laptop to be seen on a tablet in landscape mode with the Rev Slider?

[wnhorne246]

Any help on this would be great! I think I have figured out how to do this except for I need to have any hidden layer for laptop and desktop show up on an iPad in landscape.

Much appreciated!

[Friech]

Hi There,

Define this custom css on your Customizer

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
  	.mobile-hidden {display: none !important}
}

And then apply this class mobile-hidden on the layer that you want to be hidden on iPad (landscape)

Hope it helps, Cheers!

[wnhorne246]

This reply has been marked as private.

[Rupok]

Hi there,

I have tested the video and working fine as expected. Are you facing this on only iPad? And is it happening always or sometimes?

Thanks

[wnhorne246]

The issue is only present on an iPad in landscape position when you try and start the video. If you rotate to portrait, the video will launch. Once the video has been launched, you can rotate back to landscape and all controls work perfectly. This happens all the time, not randomly.

Thanks for helping.

[Rupok]

Hi there,

Thanks for updating. I have tested with iPad Mini and it seems working fine in landscape mode without any issue. Your problem sounds weird and it shouldn’t be. As I can’t replicate such issue so not sure what’s happening on your end. Unfortunately I can’t do further debugging as I am unable to replicate this on my end. It could be related with your device or something.

Thanks

[Author]

Posts