Increase Height Of Collapsible Row In Product Page In Dawn Theme

DANDAN412512 · ‎10-18-2022

Trying to increase the default height of the Collapsible Row within the Product information of the Product Page.

I have an image where the height of the collapsible row is slightly too small, causing most customers to miss an important part of the image.

Tried looking into collapsible row liquid without luck

LitExtension · ‎10-19-2022

Hi @DANDAN412512,

Go to Assets > base.css and paste this at the bottom of the file:

.product__accordion .accordion__content {
    height: 42rem !important;
}

Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Contact us:
- Email: contact@litextension.com

View solution in original post

KetanKumar · ‎10-18-2022

@DANDAN412512

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

DANDAN412512 · ‎10-23-2022

https://industrialmonitordirect.com/products/24-industrial-touchscreen-panel-pc-ip65-waterproof-inte...

LitExtension · ‎10-24-2022

Hi @DANDAN412512,

I tested and it works fine if you add the code can you explain more about the error?

I will check it.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Contact us:
- Email: contact@litextension.com

LitExtension · ‎10-19-2022

Hi @DANDAN412512,

Go to Assets > base.css and paste this at the bottom of the file:

.product__accordion .accordion__content {
    height: 42rem !important;
}

Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Contact us:
- Email: contact@litextension.com

DANDAN412512 · ‎10-23-2022

Doing so actually broke Shopify. It caused all the Theme Sections to disappear when modifying themes.

Increase Height Of Collapsible Row In Product Page In Dawn Theme

Increase Height Of Collapsible Row In Product Page In Dawn Theme

Community Blog Articles