How can I eliminate gaps on left and right of my webpage section?

Store Design
, ,

Topic summary

A user is experiencing unwanted gaps on the left and right sides of a webpage section and wants to eliminate them while also adjusting the section’s vertical position.

Responses provided:

  • One commenter reviewed the provided URL (matibrnd.com) and reported the layout appears correct with no visible gaps, including a screenshot as evidence.
  • Another user offered a CSS solution involving custom code to be added to the theme.liquid file, just above the closing tag. The code snippet aims to remove the gaps through styling adjustments.

Current status: Multiple solutions have been suggested, but it’s unclear if the original poster has tested them or if the issue is resolved. The discussion remains open pending confirmation from the user.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

Would you please help me with the gaps on the left and the right? I am trying to bring the section a bit up but it has these gaps left and right! Thank you

MT27_1-1705576699506.png
MT27_1-1705576699506.png1497×659 175 KB

2

URL: https://matibrnd.com/

Pass: biangu

3

@MT27 , It looks perfect. Please check the attached screenshot.

webwondersco_0-1705577671088.png
webwondersco_0-1705577671088.png533×807 324 KB

4

Hey @MT27

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1705577831004.png
Moeed_0-1705577831004.png380×675 217 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed