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

Store Design
1

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
sereneluminaire_0-1709184986257.png737×522 18.4 KB

2

Hello @sereneluminaire
Can you share store URL?

3

Hello! Here it is: Serene Luminaire - The House Of Lights

4

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;
}
}
1 Like
5

Thank you!

6

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

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

1 Like
7

@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 on theme.liquid

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

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

1 Like
8

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