How do I change a section width from full page to smaller?

Store Design
,
1

Hello,

Been fighting over this particular section for a long time and could not figure out how to change it`s width from full page width to the same as section below.

Did try .css, as well as {% assign grid_item_width = ‘small–one-half medium-up–one-sixth’ %} (same as other sections), yet nothing helps.

As if something else has control over this section and wont let me change its appearance.

shopify full width.JPG
shopify full width.JPG1907×870 109 KB

To clarify, this is Section .liquid:



{% assign collection = collections[‘ladies-jeans’] %}

{% for product in collection.products limit:6 %}
{% assign grid_item_width = ‘small–one-half medium-up–one-sixth’ %}
{% include ‘product-grid-item’ %}
{% endfor %}

I do realize my code is quite messy, yet hope you can help me out. Or at least let me know where I should be looking for a width property instead. Already looked at the other section`s code to compare, yet here I am.

2

Here is a preview link:

https://o06klfjk9mw13jk4-40332230818.shopifypreview.com

Hope this helps.

1 Like
3

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.liquid and paste this at the bottom of the file:
#ProductSection-related-products {
max-width: 100%;
}
#shopify-section-product-recommendations .page-width {
max-width: 100%;
}

Screenshot :- https://prnt.sc/OVDcwZ_gjAam