How can I repair a stuck collapsible row in my FAQ page?

Store Design
, , , , , ,
1

Hi my faq collapsable row is stuck and wont move the other ones down when opening it, heres what i mean:

BrickBuidz_0-1692497278531.png
BrickBuidz_0-1692497278531.png1087×572 57.5 KB

it opens the description of the question but blocks the rest of the list

here is my website:

https://brickbuildzz.com/pages/faq-1

any help is greatly appreciated!!

2

Hi @BrickBuidz

go to online store-> click on edit code

search for file base.css and search .accordion which will be at line number 3602.

please remove the whole class and save it. Please fine the below screenshot for reference.

gr_trading_0-1692521740143.png
gr_trading_0-1692521740143.png1366×768 111 KB

Hope this will help…

3

Hi @BrickBuidz

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

.accordion {
    height: auto !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly