Prestige - Product Page Section Width too Long

Shopify Discussion
1

Hi,

I am trying to update the section width on my product page on prestige theme to be more condensed and not so The only options I get is Large, X Large and Full Width.

2

Hi @bondrish

What specific span do you want? Please share your store url

3

Hi @bondrish

In order to fulfill your request, please follow these steps
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above 

{% style %}
{% if template.name == "product" %}
main#main {
    max-width: 1200px !important;
    margin-inline: auto !important;
}
{% endif %}
{% endstyle %}

Here is the result:

image_720.png
image_720.png719×323 97.8 KB

I hope this helps

4

Hi,

This seemed to work nicely for what I was looking for. However, now the footer condensed where I want to keep that like the rest of the site full width. https://pizzaovensource.com/products/genius-wood-fired-pizza-oven

5

Hi @bondrish

Please add this code instead

{% style %}
{% if template.name == "product" %}
main#main > section {
    max-width: 1200px !important;
    margin-inline: auto !important;
}
{% endif %}
{% endstyle %}

Here is the result:

image_720.png
image_720.png719×321 49.9 KB

I hope this helps

Best,

Daisy

6

Yes! Thank you so much I really appreciate the help here :slightly_smiling_face:

7

Hi Daisy,

Having some issues with my site was hoping you can help.

Footer seems to be condensed on product pages, any way to fix this?