How can I adjust the product page to full width on Debutify?

[Luka487]

Hey, ive tried multiple solutions but none seem to work for me. Is there any way I can make the product page full width instead of all being on the right  on desktop? Thank you so much in advance...

Here is my store; trailbed.us

[Kinjaldavra]

Please place this code at the end of Themes -> Templates -> product.liquid

<style>
.wrapper {
    max-width: 1688px;
}
</style>

[Luka487]

Hey, thanks for the help, but it does not seem to work, is there anything else I'm supposed to do?

i put it at the end, middle etc. nothing changed?

Here is the code, without your code in it.

<!-- /templates/product.liquid -->
{% comment %}
The contents of the product.liquid template can be found in /sections/product-template.liquid
{% endcomment %}

<div itemscope itemtype="http://schema.org/Product">

{% section 'product-template' %}

{% section 'product-recommendations' %}

{% if settings.review_widget == 'review_widget_above' %}
{% include 'review-widget' %}
{% endif %}

{% section 'related-product' %}

{% if settings.review_widget == 'review_widget_under' %}
{% include 'review-widget' %}
{% endif %}

{% if collection %}
<div class="back-box">
<a href="{{ collection.url }}" class="btn btn--banner">
<span class="fas fa-arrow-left" aria-hidden="true"></span>
{{ 'products.general.collection_return' | t: collection: collection.title }}
</a>
<style>
.wrapper {
max-width: 1688px;
}
</style>

</div>
{% endif %}

</div>