Remove left and right space/padding from all pages except product page, dawn theme

Hello!

I want to remove the space on the left and right so that the information fills the whole screen on the site.

But on the product pages, I want to keep the left and right padding for just the product and it’s information, everything else can have left and right padding removed just like on the rest of the pages of the site.

This is my shop link d63bb7.myshopify.com

Hey @miab1567

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

{% if template.name != "product" %} 

{% endif %}

RESULT:

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

Best Regards,
Moeed

It worked for most of it, thank you! for the product page, I still want the space removed except for this section only on product pages, is that possible?

Hey @miab1567

You can add this code instead.


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

Best Regards,
Moeed

Works well except for on this page, the ‘about’ section

Hi Moeed,

If I just want the “product grid” and the “product information” to not have the left and right padding, what does the code look like then?