How do I fix a code issue in my new custom.scss.liquid file?

Hi,

I’m a newbie. I Encounter a problem during adding code at asset. I create new file and I name it as “custom.scss.liquid” and copy paste the code below and a problem occurs and I dont know how to fix it. Anyone who can help me. Thank you

/* – Responsive video embed – /
.responsive-video {
padding-bottom: 56.25%; /
for 16:9 ratio */
padding-top: 25px;
position: relative;
height: 0;
}
.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

1 Like

@WilDrew10

The code looks correct. What is the problem you faced?

@WilDrew10

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

1 Like

After I renamed it, the home page of my shopify got changed

I duplicate my theme before i made some editing

i just want to know how to solve this error.

1 Like

@WilDrew10

Can you share a duplicate theme preview URL ?

So I can check what has changed after you put that code.

After editing

https://rmouziofa74mrmku-46508376220.shopifypreview.com

Before editing

https://xk3d1xvgwv3bwpqy-46508376220.shopifypreview.com

Here what happen to my store home page

https://rmouziofa74mrmku-46508376220.shopifypreview.com/

thanks

@WilDrew10

Do not rename then if renamed then revert it and try to put your above code.