\
**Category:** Store Design\
**Created:** [November 17, 2021, 5:20am UTC](https://community.shopify.com/t/minimal-theme-full-width-custom-html-section/78691 "2021-11-17T05:20:12Z")\
**Posts on this page:** 8\
**Page:** 1
## AI-generated summary
Custom HTML セクション内の画像を、デスクトップ／モバイル両方でフル幅（画面いっぱい）にしたいという相談。
- 提案内容: テーマの「Edit code」→ Assets の theme.scss.liquid 末尾に、対象セクションID（#shopify-section-163712508506f9f402）へ CSS（width: 100vw、left: -20vw 等）を追加して全幅化する方法が提示された。
- 一度は希望の見た目になることを確認。
最新状況:
- 追加したCSSで「ほぼ」できたが、画像が完全に端まで伸びず、中央からずれて表示される問題が発生（スクリーンショットあり）。
- 提案者は「バックエンドコードとカスタマイズで修正可能」と返答したが、具体的な修正コードや手順は提示されておらず、結論は未解決のまま。
**Author:**  [@anniemittry](https://community.shopify.com/u/anniemittry)\
**Post date:** [November 17, 2021, 5:20am UTC](https://community.shopify.com/t/minimal-theme-full-width-custom-html-section/78691/1 "2021-11-17T05:20:12Z")
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](http://annieryan.net)
PW: pot
Screenshot below - I’d like to make the blue image full width.
Thanks in advance!
Annie
---
**Author:**  [@KetanKumar](https://community.shopify.com/u/KetanKumar)\
**Post date:** [November 18, 2021, 4:50am UTC](https://community.shopify.com/t/minimal-theme-full-width-custom-html-section/78691/2 "2021-11-18T04:50:34Z")
@anniemittry
yes please confirm this look!
---
**Author:**  [@anniemittry](https://community.shopify.com/u/anniemittry)\
**Post date:** [November 19, 2021, 4:09am UTC](https://community.shopify.com/t/minimal-theme-full-width-custom-html-section/78691/3 "2021-11-19T04:09:21Z")
@KetanKumar Yes, that’s perfect!!
---
**Author:**  [@KetanKumar](https://community.shopify.com/u/KetanKumar)\
**Post date:** [November 20, 2021, 5:01pm UTC](https://community.shopify.com/t/minimal-theme-full-width-custom-html-section/78691/4 "2021-11-20T17:01:33Z")
@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.
```css
#shopify-section-163712508506f9f402 {
position: relative;
width: 100vw;
left: -20vw;
}
```
---
**Author:**  [@anniemittry](https://community.shopify.com/u/anniemittry)\
**Post date:** [November 20, 2021, 8:15pm UTC](https://community.shopify.com/t/minimal-theme-full-width-custom-html-section/78691/5 "2021-11-20T20:15:05Z")
Hi @KetanKumar - thank you, that almost worked, but the image doesn’t fully extend and is off center. Any fixes?
---
**Author:**  [@KetanKumar](https://community.shopify.com/u/KetanKumar)\
**Post date:** [November 20, 2021, 8:39pm UTC](https://community.shopify.com/t/minimal-theme-full-width-custom-html-section/78691/6 "2021-11-20T20:39:44Z")
@anniemittry
its bigger screenshot doesn’t work code it can be done change backcode
---
**Author:**  [@anniemittry](https://community.shopify.com/u/anniemittry)\
**Post date:** [November 20, 2021, 11:00pm UTC](https://community.shopify.com/t/minimal-theme-full-width-custom-html-section/78691/7 "2021-11-20T23:00:06Z")
I’m not sure I understand. Should I change the code? Or is there no fix?
---
**Author:**  [@KetanKumar](https://community.shopify.com/u/KetanKumar)\
**Post date:** [November 21, 2021, 3:50am UTC](https://community.shopify.com/t/minimal-theme-full-width-custom-html-section/78691/8 "2021-11-21T03:50:57Z")
@anniemittry
yes, its fix to backend code and customization