Shopify themes, liquid, logos, and UX
Hi,
I need help with resizing the collapsible section on my store. Right now, the heading and collapsible rows are evenly divided, but I want to change the proportions. I would like the heading to take up 30% of the space and the collapsible rows to occupy 70%. Please refer to the screenshot
Any help is greatly appreciated
Link: https://testingstoresandthemes.myshopify.com/
storefront password: 12345
Solved! Go to the solution
This is an accepted solution.
Hello @technase
Go to online store ----> themes ----> actions ----> edit code ---->theme.css
add this code at the end of the file and save.
@media screen and (min-width: 1150px) {
.section-stack__intro {
width: 30% !important;
}
.section-stack__main {
width: 70% !important;
}
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
This is an accepted solution.
Hello @technase
Go to online store ----> themes ----> actions ----> edit code ---->theme.css
add this code at the end of the file and save.
@media screen and (min-width: 1150px) {
.section-stack__intro {
width: 30% !important;
}
.section-stack__main {
width: 70% !important;
}
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025