Community forum for knowledge and support

Updated last year

Varying button and plus sign sizes on mobile landscape and mobile

At a glance

A community member is using FAQ components on their website and is experiencing an issue where the buttons/plus signs vary in sizing when the website is scaled down to mobile landscape and mobile. Another community member suggests checking the flex-shrink setting of the "+" icon's class, which may be causing the issue. The community member who posted the original issue confirms they used the FAQ 6 component and that setting the flex-shrink to "don't shrink" resolved the problem.

DDanilen Villanueva

Hey guys! I'm using the FAQ components for this website and for some reason, when we scale down to mobile landscape and mobile, the buttons/plus signs start to vary in sizing - does anyone know why this is happening?

7 comments

SSam Parkinson

Hi Danilen, do you know which FAQ component you used when building that section? You might be able to see it based on the class names, e.g. faq10_...

Without knowing the component, my guess is that there's some flexbox shrinking happening. I'd double check that the "+" icon's class (the one which is a sibling to the question text) has the flex-shrink setting set to 0 (don't shrink).

JJohn Wilson

This should be a default setting here. It pretty much trips everyone up first time

SSam Parkinson

I agree John. Do you remember which number FAQ component you used here?

JJohn Wilson

<@U05F1JL0PM2>

DDanilen Villanueva

Hi guys! I used FAQ 6!

DDanilen Villanueva

I set the shrink to (dont shrink) and now its working!

SSam Parkinson

Great to hear Danilen. I'll share the issue with the component team about FAQ 6 and similar components.

Add a reply