SENSE THEME All the other posts online about this issue don’t seem to assist those using the Sense theme. So I’m asking here: How can I make the product description wider? Or Full Width? How can I make the Collapsible Content section full width?

I have discovered my own solution, opening collapsible-content.css and finding the following code: .collapsible-content-wrapper-narrow { margin: 0 auto; padding-right: 1.5rem; padding-left: 1.5rem; max-width: 73.4rem; } and adjusting the max-width to something like 93.4rem.

https://medreadyaustralia.myshopify.com/ pass: baimee Please note I currently have two different versions of collapsible content. One version is inside the product description, this is half width. Second version is outside product description, which is a section and this is wider but not full wi…

@MarinaPetrovic are you able to assist me with this? I appreciate all the help you’ve shown me so far.

Hi @MaxMedReady , in order to make product-description wider, you’d have to change slider width first. So go to edit code > assets > section-main-product.css. Find this element: .product--medium:not(.product--no-media) .product__media-wrapper, .product--small:not(.product--no-media) .product__info-…

Are you able to clarify what those recommendations actually Do? I was hoping to learn how to edit both of these options (below), independently, and then decide for myself which one to go with: Option 1. I wish to know how to adjust the width of the entire product description to full width. Option…

In that case you’d have to make column here. So you don’t have images on the left side. Also, you should make different logic for your images since it’s weird to have 5 images until you see the text and purchase options. Anyway, you can play with it, find this element: .product.grid { gap: 0; …

Thank for your help but I have not achieved what I want. I do not like how it looks at all. How can I simply increase the width of the collapsible-content section? Is there something I edit inside collapsible-content.css? @MarinaPetrovic @ZestardTech

Isn’t there a way to achieve full with with only mobile view?

SENSE: Make Product Description & Product Page Content FULL WIDTH

Store Design

ZestardTech June 10, 2022, 9:04am 2

Hello There,

Please share your store URL and Password.
So that I will check and let you know the exact solution here.

Topic		Replies	Views
How can I make product information collapsible content full width on desktop? Store Design product-page	4	41	April 22, 2024
How to expand collapsible content to match description size? Store Design	4	36	October 5, 2022
I want product description to be full size Store Design design , header , customizations , collection-page , landing-page , css , third-party-themes , cart-page , shopify-themes , html , product-page	5	86	August 13, 2024
Make product description box full-width [REFRESH THEME] Store Design design , customizations , shopify-themes	5	101	January 13, 2025
Adjust the width of 'Collapsible Content' on product page - Dawn 12.0 Store Design design , header , customizations , shopify-themes , product-page	6	69	April 15, 2024

SENSE: Make Product Description & Product Page Content FULL WIDTH

Related topics