Need help with the CSS of my Shopify site

Partner Discussions
1

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?

image
image1906×875 93.3 KB

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

2

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:

3

Hi @My_Escape

Please share your store url.

4

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…

5

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
6

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 ?

7

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

8

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