Hello, I’m trying to figure out how I can reduce the size of the margin on the left and right side of the non full width sections on my shop, like the collections section, hero image/text at the top, the reviews section, featured product section, etc. Also the margin on product page etc.
I’m specifically trying to do this for mobile view. My website is https://dabdock.com, please check mobile view, I would like to reduce the margins by 50-66% of their current size, or possibly even full width, so a solution so I could try both would be great.
Hi @thmasix
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Richard | PageFly
Hi @thmasix
You can do that by increasing page width option in your store admin > Sale channels > Online Store > Theme > Customize > Theme settings > Layout
If it still not fit your request then you can add this code to Custom CSS in Theme settings and check again
.page-width { max-width: 100%; }
Hey thank you for your response, that code works partially. I still have a huge margin on my featured product collection to the left and right of the 2 column setup. Also, when previewing the code I noticed there was a small gap added above my header.
Is there any way I would be able to do the same for the featured collection grid, and the review cards as well?
