FAQ questions bug, two questions in the same row opens at the same time, debutify theme.

[pfenniger]

Hi!

I’m replicating my Shopify store using the Debutify theme and have run into an issue with the FAQ section. When I click on a question, two FAQ items open at the same time instead of just the one I selected.

I’ve double-checked the settings, but I can’t figure out why this is happening. Has anyone else experienced this problem? Could it be a JavaScript conflict or something in the theme's code?

If you’ve fixed a similar issue before, I’d love to hear how you did it! Any guidance or advice would be greatly appreciated.

https://gyazo.com/da3daddc08e9958acf3ff0bbfa750b0f

[Moeed · Accepted solution]

Hey @pfenniger 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[pfenniger]

3884

[Moeed]

Hey @pfenniger 

I just checked and the way this section is coded isn't a user-friendly way for both desktop and mobile so I would suggest you to change it to a new FAQ section. If you're not familiar with coding then I would highly recommend you to hire a Shopify developer who can help you out with that. Feel free to let me know if you want me to help you out and I would be more than happy to give you a helping hand.

Best Regards,

Moeed

[pfenniger]

Ok,

Could you help me with this section? That would be great!
I removed the code i generated with AI. You can see now how the faq cards line up in the same row and it looks really bad.

[Moeed]

Hey @pfenniger 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.card-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
}
.card.tab.js-faq-tab {
    margin-top: 0 !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[pfenniger]

Many thanks! 💪

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.