# Styling radio buttons for mobile version of form

**URL:** <https://community.gravityforms.com/t/styling-radio-buttons-for-mobile-version-of-form/15234>\
**Category:** Get Help\
**Tags:** radio-buttons, css, mobile\
**Created:** [May 30, 2023, 10:57am UTC](https://community.gravityforms.com/t/styling-radio-buttons-for-mobile-version-of-form/15234 "2023-05-30T10:57:41Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![user61086a4ec00f9639](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/user61086a4ec00f9639/32/3336_2.png) [@user61086a4ec00f9639](https://community.gravityforms.com/u/user61086a4ec00f9639)\
**Post date:** [May 30, 2023, 10:57am UTC](https://community.gravityforms.com/t/styling-radio-buttons-for-mobile-version-of-form/15234/1 "2023-05-30T10:57:41Z")

</div>

Hello I need radio buttons to be horizontal i found allot info on forums and in styling section [https://docs.gravityforms.com/css-ready-classes/#horizontal-form-layout](https://docs.gravityforms.com/css-ready-classes/#horizontal-form-layout)  
and yes it works for pc but i need the same horizontal option and for mobile, but it not works  
On phone it shows vertycaly. My answers are short Yes and No so I need them to be easy selected and not shownh in diferent parts of screen.  
How to style this for mobile?  
Thanks

---

<div class="post-metadata">

**Author:** ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)\
**Post date:** [June 1, 2023, 3:19pm UTC](https://community.gravityforms.com/t/styling-radio-buttons-for-mobile-version-of-form/15234/2 "2023-06-01T15:19:26Z")

</div>

Hi Tom. Can you share a link to the page on your site where we can see the form? Thank you.

---

<div class="post-metadata">

**Author:** ![user61086a4ec00f9639](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/user61086a4ec00f9639/32/3336_2.png) [@user61086a4ec00f9639](https://community.gravityforms.com/u/user61086a4ec00f9639)\
**Post date:** [June 2, 2023, 6:23am UTC](https://community.gravityforms.com/t/styling-radio-buttons-for-mobile-version-of-form/15234/4 "2023-06-02T06:23:09Z")

</div>

I do not want to share here link, how to share it privately?

---

<div class="post-metadata">

**Author:** ![user61086a4ec00f9639](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/user61086a4ec00f9639/32/3336_2.png) [@user61086a4ec00f9639](https://community.gravityforms.com/u/user61086a4ec00f9639)\
**Post date:** [June 2, 2023, 11:07pm UTC](https://community.gravityforms.com/t/styling-radio-buttons-for-mobile-version-of-form/15234/5 "2023-06-02T23:07:35Z")

</div>

?  
I do not want to share here link, how to share it privately?

---

<div class="post-metadata">

**Author:** ![user61086a4ec00f9639](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/user61086a4ec00f9639/32/3336_2.png) [@user61086a4ec00f9639](https://community.gravityforms.com/u/user61086a4ec00f9639)\
**Post date:** [June 6, 2023, 1:45pm UTC](https://community.gravityforms.com/t/styling-radio-buttons-for-mobile-version-of-form/15234/6 "2023-06-06T13:45:16Z")

</div>

Can some one help me here?

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/f/fef63f0599c45e0218c30d9f5d7ca8bff9b00189.png) [@system](https://community.gravityforms.com/u/system)\
**Post date:** [July 6, 2023, 1:45pm UTC](https://community.gravityforms.com/t/styling-radio-buttons-for-mobile-version-of-form/15234/7 "2023-07-06T13:45:26Z")

</div>

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