Making Accordion block full-width

Site URL: https://studiogently.com/branding-photography

Hey all,

Would love to know if anyone has managed to make the Accordion block full-width, rather than 70% as it is now? It's not so great on smaller screens in particular and just seems like a bit of a waste of space 🙂

25 minutes ago, AnnaC said:

Site URL: https://studiogently.com/branding-photography

Hey all,

Would love to know if anyone has managed to make the Accordion block full-width, rather than 70% as it is now? It's not so great on smaller screens in particular and just seems like a bit of a waste of space 🙂

Hi @AnnaC,

You can try the following code in Home > Design > Custom Css

.sqs-block-accordion .accordion-item__description {
  max-width: unset !important;
  width: 100%;
}

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

My testing result

This has worked amazingly, thank you so much @bangank36, you are a star

On 11/17/2021 at 2:20 PM, bangank36 said:

Hi @AnnaC,

You can try the following code in Home > Design > Custom Css

.sqs-block-accordion .accordion-item__description {
  max-width: unset !important;
  width: 100%;
}

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

It 's good to know that 🙂