Minimal theme - full width Custom HTML section

[anniemittry]

Hi there,

I have a custom HTML section on my homepage with an image. I’d like to make the image full width on desktop and mobile. Can someone help me figure out what code is needed to do this?

Website: annieryan.net

PW: pot

Screenshot below - I’d like to make the blue image full width.

Thanks in advance!

Annie

[KetanKumar]

@anniemittry

yes please confirm this look!

[anniemittry]

@KetanKumar Yes, that’s perfect!!

[KetanKumar]

@anniemittry

thanks for confirm yes please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

#shopify-section-163712508506f9f402 {
    position: relative;
    width: 100vw;
    left: -20vw;
}

[anniemittry]

Hi @KetanKumar - thank you, that almost worked, but the image doesn’t fully extend and is off center. Any fixes?

[KetanKumar]

@anniemittry

its bigger screenshot doesn’t work code it can be done change backcode

[anniemittry]

I’m not sure I understand. Should I change the code? Or is there no fix?

[KetanKumar]

@anniemittry

yes, its fix to backend code and customization