I am trying to hide a particular stack (Joe Workman’s Impact Video stack) on mobile devices iPhone and iPad but have it display on desktops. I have the responsive boxes ticked to not display. This works correctly for iPhones in both portrait and landscape modes and correctly for iPad in portrait but not in landscape mode.
Link to site: http://running-gully.com
I then have Michael David Designs In Motion stack with just a slide show of photos instead of video that should display on mobile devices. I have that set to display on mobile and tablet but hide on desktop as I want the Impact Video to play instead on desktops. This also displays correctly on iPhones and iPads in portrait and set to not display on desktop which also works correctly but displays on iPads in landscape mode…which it shouldn’t.
I hope all that makes sense…?? I have attached screenshots, which I hope may help.
I am doing all this as video won’t autoplay on mobile devices, so I have the photos slide show instead.
Any help, advise would be welcome and appreciated.
I am using Kinfolk theme by Michael David Design.
Also, I know the video won’t play automatically on mobile devices due to possibly using mobile data but is there a way to have it play when the mobile devices are on wifi?