Coding to make a YouTube video look functional on mobile

  • Unknown's avatar

    I want to create a home page that starts with a Muted looping Youtube video behind the header. I get it right on Desktop and it looks amazing. But when I go to mobile it changes the size of the YouTube video and instead of the YouTube video filling the screen it has two black sections on the right and left side of the video.

    I’d like my website to have the same header as this one: http://www.agrinet.co.za, but at the moment it only works on desktop. Please look at the above site on mobile and let me know how to do that. I’ve been trying for weeks.

    Below is my website on desktop and mobile with the video and after the one I want it to look like:

    The blog I need help with is: (visible only to logged in users)

  • Hi there,

    http://www.biltong.co.za/ appears to use the WordPress software and is hosted with another company than WordPress.com. In order to get help with your website, we do suggest contacting either your host’s own customer support, or alternatively the community forums of WordPress.org:

    To clarify, there are two ways to use WordPress, you can either use the WordPress software downloaded from WordPress.org onto a web host (also known as self-hosted), or you may host your site with us here at WordPress.com. For reference, you can learn more about the differences between WordPress.com and WordPress.org here:
    https://support.wordpress.com/com-vs-org/

    That said, if you’re using Elementor to build your site then it’s entirely possible the best advice would come from the Elementor folks themselves:
    https://wordpress.org/support/plugin/elementor

  • Unknown's avatar
  • The topic ‘Coding to make a YouTube video look functional on mobile’ is closed to new replies.