Hello,
I know that autoplay is disabled on mobile, so I was wondering if there’s a way to either remove the ‘play’ button that shows on the blackground video on mobile OR if there’s a way to get that ‘play’ button to actually work and play the video (even if it makes the user open a new window). I have about 300 pages that have that situation going and I was hoping I didn’t have to change them all one by one. I’ve added a link to one of the pages that have a video (scroll to the bottom) so you can see what I mean.
The other option I’m willing to settle for is actually removing the block where the video is on mobile only by using a css rule or as a php function, BUT, because there’s a ‘VIDEO” item on the sub navigation, I was hoping you could show me if there’s a way to also hide that on mobile using css or php.
The bottom video elements the following IDs:
#extras – which is the heading in black that says Video
#video – which is the color section that has the background video.
Hey leadingnorth,
You can hide the videos and the menu with this code:
@media only screen and (max-width: 767px) {
#extras, #video { display: none;}
.responsive #top .av-menu-mobile-active .menu-item.menu-item-top-level.menu-item-top-level-4 {
display: none;
}
}
If you need further assistance please let us know.
Best regards,
Victoria