How can I make my collapsible row the same size as my add to cart button?

sereneluminaire
Excursionist
28 0 6

Hello Good day! 

I want my Collapsible Row same size like the Button "Add to cart" and "Buy it now". I don't know how to use make it like the same size as them.

Thank you for your help!

sereneluminaire_0-1709184986257.png

 

Replies 7 (7)

techlyser_web
Shopify Partner
1423 268 282

Hello @sereneluminaire 
Can you share store URL?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
sereneluminaire
Excursionist
28 0 6
techlyser_web
Shopify Partner
1423 268 282

@sereneluminaire 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

<style>
@media screen and (min-width: 750px)
  .product__accordion.accordion {
        width: 44rem !important;
   }
}
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
techlyser_web
Shopify Partner
1423 268 282

Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

oscprofessional
Shopify Partner
15868 2373 3074

Hello @sereneluminaire 

Add this below code in base.css at the bottom of the file

@media screen and (min-width: 768px) {
.product__accordion.accordion.quick-add-hidden {
    width: 44rem;
}
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
sereneluminaire
Excursionist
28 0 6

Thank you!

PageFly-Oliver
Astronaut
840 177 158

Hi @sereneluminaire ,

 

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

 

<style>
@media (min-width: 767px) {
.product__accordion{
    width: 44rem;
}
}
</style>

 

 

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.