Docs

[TheoryUnit]

Hi there,

I’ve enlarged the font size of the accordion header to 40px, which is fine on desktop, but on mobile, I’m only getting the first word or two displaying and the text isn’t breaking onto a new line.

Is there a way to a either make the text responsive so it shrinks on mobile, or so it breaks onto a new line if it doesn’t fit onto one?

The website is http://astilltreecare.co.uk/what-we-do/

Thanks,
Matt

[Rupok]

Hi Matt,

Thanks for writing in! Both are possible. You can add this under Custom > CSS in the Customizer.

@media only screen and (max-width: 767px) {
.x-accordion-heading .x-accordion-toggle {
  font-size: 16px;
  height: auto;
  line-height: 20px;
  margin-bottom: 15px;
}
}

Let’s adjust the font-size and other values if needed.

Cheers!

[TheoryUnit]

Perfect! Thanks Rupok, you guys really are ace!
Thank you!
Matt

[Joao]

Glad to hear we managed to help,

Joao

[Author]

Posts