Debutify full width

Luka487
Tourist
11 0 0

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

0 Likes
Natztech
Explorer
123 23 19

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

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

 

Want to theme customize Hire us.
If helpful then please Like and Accept Solution

E-mail :natztech2312@gmail.com
0 Likes
Luka487
Tourist
11 0 0

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>

0 Likes