Hi. I have created a form using the Sliders with calculated result widget, but it looks horrible on mobile phones. I would like the widget to use 100%

Hi.

I have created a form using the Sliders with calculated result widget, but it looks horrible on mobile phones.

I would like the widget to use 100% of the screen space, with the text on the left using about 35-40% of the space (aligned to the left), and the remaining space used by the slider aligned to the right. I know we need a small amount of padding for aesthetic and functional reasons.

At the moment the slider is so small it is hard to use, so the priority is to make it longer.

What CSS do I need to use to make this work better?

Thanks :)

Hi John,

Thanks for reaching out to Jotform Support. Can you please provide us with your form URL link so we can investigate this further? Also, can you give us more information on what's happening on your end so we can have a better understanding of what the situation is? If you can take a screenshot of what’s happening, that will help us to better understand what’s going on. We have a guide about how to do that here.

We'll be able to move forward once we hear back from you.