How can I make the product page full width on Impulse?

[banggear]

HI,

I want the product page full width. I try some suggestions like " .page-width–narrow { max-width: 100% !important; } " it’s not work

Its store URL is banggear.shop

Password: 1234

I have attached Product.json file

I am waiting for expert help Thank you

[MarinaPetrovic]

Hi @banggear , try this → Go to edit code > assets > theme.css and add this:

.template-product .page-content--product .page-width{
max-width:100%!important;
}

[banggear]

Thnaks for your help but it’s not work

[MarinaPetrovic]

Please add this at the beginning of that file.
Here is the result:

[banggear]

Thank you again for help I need description full width under images like this

[CompleteNovice]

Making a backup of your current theme

Before diving into the tutorial make sure you download the theme, so in case you face any issues you can easily revert back.

Adding the code to your theme

1. From your Shopify Admin go to: online store > themes > actions > edit code

2. Find the file named exactly “main-product.liquid”

3. Press CTRL + F (or command + F on Mac) and search for exactly this:
   </section

Approx. line 660

4. You should find one unique occurrence, it would be this following tag:

5. Now, paste the following code above the tag you found.

{%- if product.description != blank -%}
	
			## Description	
			
			{{ product.description }}
			

	

	
{%- endif -%}

This is how it should look like:

[CompleteNovice]

If my above answer solved your issue, don’t forget to Mark As Solution & Like to make the answer visible to the rest of community.

Cheers!