Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #247264
    Dennis Moser
    Participant

    I’m having a couple of issues with the header video.

    First issue, my header video doesn’t seem to work on mobile devices. Are header videos supported on mobile devices? If so, any thoughts on cause?

    Second, I noticed that if I uploaded a header background picture it would show up on mobile devices in the place of the header video, which is fine but I’d rather have the consistency of the video across all devices. But when checking the layout across multiple browsers, I notice that the video doesn’t fill the entire space on MS Edge browser and I see the underlying picture. Chrome browser is fine. Is there some way to ensure compatibility between browsers or to correct the issues with Edge?

    My site is http://allmixedupband.com

    Thanks!

    #247278
    Skandha
    Keymaster

    @eightbitgoggles: Hello there,
    To have header video displayed on mobile devices as well you will need to use our Header Enhancement Plugin.

    I will look into the issue with header video on Edge browser and get back to you.

    Kind Regards,
    Skandha

    #247350
    Dennis Moser
    Participant

    Thanks Skandha. If I read the notes correctly, I will need to purchase the Header Enhancement Pro version of the plugin for videos to work on mobile devices? This is not a feature Euphony Pro or the free version of the Header Enhancement?

    #247369
    Dennis Moser
    Participant

    I went ahead and purchased the Header Enhancement Pro and solved the mobile device issue.

    I am still curious how to get the header to look consistent on both Chrome and MS Edge. Any suggestions you can provide will be greatly appreciated.

    Thanks!

    #247911
    Skandha
    Keymaster

    @eightbitgoggles: Hello there,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .custom-header  {
    	display: flex !important;
    	overflow: hidden;
    	height: 100vh !important;
    }
    video {
    	height: auto !important;
    }

    Let me know if now the Header Video looks consistent on all the browsers.
    Kind Regards,
    Skandha

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.