I currently have a multi-column section using the Dawn theme, I set the section to only use 1 column, but its not that wide.. I would like the one column to be as wide as the site container, how can I set that up? See attached screenshot.
Topic summary
A user wants to make a single-column section in Shopify’s Dawn theme span the full width of the site container, rather than remaining narrow.
Solution Provided:
A support representative suggested adding custom CSS code to the theme.liquid file (above the </body> tag) to force the multicolumn section to 100% width.
Follow-up Issues:
- After implementing the initial fix, the image became excessively tall. The user attempted to add
height: 700px!importantbut this removed margins unexpectedly. - The support rep revised the code to a simpler solution that affects only the specific section without impacting mobile view.
- A subsequent issue emerged where images don’t fill the container properly and zoom in excessively. The user tried
object-fit: fillwithout success. - The final response notes that the 1500Ă—844px image dimensions may cause cropping, and suggests modified code to minimize this issue.
Status: The discussion remains ongoing with iterative CSS adjustments to resolve image display problems.
@15love ,
Step 1. Go to Admin → Online store → Theme > Edit code
Step 2. Find the file theme.liquid.
Step 3. Add this code above
Result:
If it helps you, please like and mark it as the solution.
Best Regards 
It worked! but now the image is really tall.
I added this line of code to the css below ur sugesstion “height: 700pximportant!” but it removed the margin for some reason. Any ideas?
@15love , I think you should change all the previous code to only affect that picture and not impact the mobile view
Thank you for ur amazin help 
1 Like
Hi! im noticing that the image I place into the container doesn’t fill the container and it zooms in a lot! I tried adding “object-fit: fill;” in your css, but that didnt work. Any solutions?
@15love , Since your image has dimensions of 1500 Ă— 844 pixels, it may be cropped. To minimize cropping, you can modify the code as follows