Need help with the CSS of my Shopify site

Hello everyone, I have an issue with my Shopify site. I added a YouTube-hosted video (video section), and everything works fine on the site. However, when clicking the play button, the video shifts and becomes completely off-center, as shown in the picture. Does anyone have an idea on how to fix this?


Uploading: Capture d’écran 2025-03-05 122038.png…

Hi @My_Escape

Hard to tell, based off the screenshot.

I think your best shot is going to the Merchant forum and asking around.

Remember to add a link to your store or some more context like code snippets :blush:

Hi @My_Escape

Please share your store url.

Hi, here’s the link : https://myescape.fr/

i have found the solution for the video, but on the mobile version of the site, people can scroll horizontaly on every page of my shopify store…

In base.css file

find .gradient style, modify to

.gradient {
    background: rgb(var(--color-background));
    background: var(--gradient-background);
    background-attachment: fixed;
    overflow-x: hidden;
}

1 Like

thx very much i ADD this and now it works partially, because there is nos horizontal scroll on the phone, but now Because of the overflow, I can no longer open the dropdown menu on mobile…
Any ideas ?

@My_Escape Can you tell me where you added this section? I cannot see it on your store

i delete it because people on my store couldn’t open the dropdown menu…