Radio Button Alignment

Ask the community
,
1

I have a form with radio buttons. The radio buttons are in a horizontal layout on the desktop and mobile website.

960×600 43.7 KB

496×776 34.2 KB

I would like to change the layout on mobile to vertical, or at least adjust the spacing between each button.

Currently not all buttons are displaying when in horizontal layout in the mobile version.

Questions:

  1. How do I change the layout of radio buttons to vertical in the mobile editor?

  2. How do I adjust the spacing between radio buttons in the mobile editor?

2

you can write code that reacts to the device the site is rendered on.
take a look here:

use it to write code that shows/hides stuff based on if you’re on mobile or desktop.
that way you can have two different layouts and switch between them.

hope it helps…

3

Is there not a way just to change the layout without coding? Seems like this would be a common request.

4

unfortunately - nope. but it’s easy coding for you :wink:

5

Hi Josh
Were you able to solve this issue? I have the same issue and I can’t fix it, I’m no good at writing code either so unsure what to do.
This is my table on desktop with radio buttons:

1254×494 10.9 KB

This is what it looks like on mobile, its a disaster. All the radio buttons are shown vertically down the page.

788×1312 30.2 KB

Any help would be great.