Community forum for knowledge and support

Updated 11 months ago

Handling Overflow in Mobile FAQ Sections

At a glance

FAQ section on mobile, do this on the taps with text is overflow the box? πŸ˜…

R
S
9 comments

Hey so I can see you've got a style applied to the text, "text-size-medium 7" - I'd suggest removing that style on all the questions and see if it gets worked. My guess is you've got some kind of wrapping style applied on the text style which is forcing the overflow.

If you want to apply a specific style to the text you can do it in the faq question class, or simply use a regular text style that you know will wrap.

Hope that helps!

Thanks, I have triede it now. But nothing happen πŸ˜•

what about wrapping settings on parent container?

Which level should I look for? πŸ™‚

hah - all of them πŸ™‚

Start on level right above, faq5_question, then move up.

Which thing should I look for on the settings side? πŸ™‚

Oh...... also seeing you're using a dropdown element. Honestly I don't use those for FAQs, but the dropdown element comes with some default settings you'll need to manually change.

Here's an idea of what might work for you:

Thanks, it work! πŸ˜„

Add a reply
Sign up and join the conversation on Slack