How do I display Video Header on mobile devices in Crio WordPress theme?

Hi Mitch,

Thanks for reaching out with your Crio Pro WordPress theme questions!

On mobile devices, the your theme uses the background color or a still image in place of the video to prevent long load times that it would cause on mobile networks.

As an alternative you may be able to create this effect using the Video Background Plugin and a custom Crio page header.

Here’s a link to the Video Background Plugin documentation for the shortcode.

I hope this helps! Please let us know if there’s anything else that we can answer for you.

Hi Mitch,

Yes this can be done with CSS. Try adding this bit to the advanced CSS/JS Editor section of your WordPress customizer

iframe#wp-custom-header-video {
display: unset;
}