How to get a custom Liquid to be 100% of the width

Store Design
1

Hi,

please help, I am trying to make this section 100% of the width of the screen. See image.

Please see website preview here: https://98x681bnbq6ifnnf-55570858102.shopifypreview.com

Mitch23_0-1716344196652.png
Mitch23_0-1716344196652.png3831×1854 832 KB

2

You can try this code by following these steps:

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

BSSTechVenture_0-1716344424020.png
BSSTechVenture_0-1716344424020.png1902×899 133 KB

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSTechVenture_1-1716344428408.png
BSSTechVenture_1-1716344428408.png1916×934 101 KB

Step 3: Insert the below code at the bottom of the file → Save

.section:has(.one-whole.column) {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

Here is result:

BSSTechVenture_2-1716344467196.png
BSSTechVenture_2-1716344467196.png1915×874 406 KB

Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

3

Hi @Mitch23 We’re happy to see that our suggestion helped you solve your issue. Can you kindly give us a like? This can be a reference for other merchants if they have an issue like you. Should you need any further information, please do not hesitate to contact us by tagging directly at Community post. We will check and let you know soon. Thanks in advance.