helpingTOM

Hello everyone, So I am incredibly new to this building your own website malarky. So far I think squarespace has been brilliant to use, and I've even managed to write code for clickable images and inserting tables, so chuffed with it all so far. The problem I am having is that I have decided to use YouTube to host my videos instead of squarespace, as I was having some delays in the loading speed of the videos, sometimes it would just stop when hosted by squarespace. So that's fine, I've used YouTube, I have written code within the YouTube embed code so it doesn't show other videos at the end of it, and I have entered this CSS code within the design section. #vidcontainer { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; } #vidcontainer iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; } The issue I am having is that the YouTube video looks fine within the edit screen for MOBILE, BUT when it comes down to viewing the site on my iPhone, then the image is cut off on the left hand side. this is how it looks on the edit screen But when viewing the website via my phone live, the image cuts off and can only see the UN at the 'until' bit. Any help would be amazing and I'd be eternally grateful.