Youtube Video goes off screen when you click on it

[doogalee]

Hi there. Having some issues with a youtube video glitching on my website. Looks fine until the user clicks on it. The video seems to go to the right on both desktop and mobile and i cant seem to fix it. Could someone help?

Here is the page with the error - https://cooltowel.co.uk/pages/about-us

Thank you.

[Ahmad31]

Hi @doogalee , you want like this 

[doogalee]

Yes exactly that!

[Ahmad31]

@doogalee 

• Click on Online Store > Themes.
• Find your current theme and clickon  ... Actions > Edit Code.
• Look for a file named theme.css, style.css
• Scroll to the bottom of the file and paste the CSS code provided below.
• Save the changes.

<style>
.video-section__media.deferred-media.no-js-hidden.gradient.global-media-settings.scroll-trigger.animate--slide-in {
    display: flex;
}
</style>

[doogalee]

Thank you!

I can’t seem to find the theme.sss or style.sss?

[Ahmad31 · Accepted solution]

@doogaleefind base.css or if you're unable to find base.css file, simply find theme.liquid file paste the code before </head> tag :

<style>
.video-section__media.deferred-media.no-js-hidden.gradient.global-media-settings.scroll-trigger.animate--slide-in {
    display: flex;
}
</style>

[Laza_Binaery]

Hi @doogalee 

You do have base.css but I think it would be appropriate to place code in assets/video-section.css file.