What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Asset custom.scss.liquid

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

WilDrew10
Tourist
10 0 4

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%;
}

 

Replies 11 (11)

WilDrew10
Tourist
10 0 4

 

KetanKumar
Shopify Partner
37445 3664 12119

@WilDrew10 

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

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

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

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
WilDrew10
Tourist
10 0 4

Here what happen to my store home page

 

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

thanks

dmwwebartisan
Shopify Partner
12323 2552 3732

@WilDrew10 

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

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
WilDrew10
Tourist
10 0 4

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

WilDrew10
Tourist
10 0 4

I duplicate my theme before i made some editing

i just want to know how to solve this error.

dmwwebartisan
Shopify Partner
12323 2552 3732

@WilDrew10 

Can you share a duplicate theme preview URL ?

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

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
WilDrew10
Tourist
10 0 4

Here’s what is look like when i rename all the file from scss to cssHere’s what is look like when i rename all the file from scss to css

 

dmwwebartisan
Shopify Partner
12323 2552 3732

@WilDrew10 

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

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
WilDrew10
Tourist
10 0 4
WilDrew10
Tourist
10 0 4