Custom css affecting to Text wrap

Design help General
1

I designed an accordion-style FAQ section, but the Question part isn’t wrapping properly on smaller screens (instead, just gets cut off—reduce your browser size to replicate). Tried all kinds of variations, including all Overflow settings, to no avail. Also added this custom CSS—still, not working:
.accordion-toggle, .accordion-toggle-text {white-space: normal; word-wrap: break-word;}

http://ecstaticliving.webflow.io/faqs

Any thoughts?

Here is my public share link: LINK

2

I don’t know if you use some custom code in site settings, but it is what you have in a code of this page:

948×913 175 KB

this option is going after css settings that you showed above.

If it is not your code (or some plugin) then you can try use “!important” declaration next to “white-space: normal”

Regards,
Anna

1 Like
3

That was it, @sabanna! Oooooh, countless hours over one such little human error! :blush: I had overlooked that line of code, inserted at an earlier stage.

Thank you, that fixed it!

1 Like
4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.