How to center the Button Radios Widget on mobile?

  • Profile Image
    Asked on June 11, 2017 at 08:02 AM

    Hi, Please review 2 issues I'm currently facing.


    1. I've been trying to make the button radio center aligned on mobiles / tabs but it' not helped.

    I've aligned them to center for desktops, and also want to see them aligned center on mobile screens. in 2 columns. Please suggest a appropriate code












    When I click on continue the form height expands accor to form elements, and contacts. is there a way that form height is kept static and the form not expands and contracts. this link can help you understand what I mean.



  • Profile Image
    Answered on June 11, 2017 at 10:10 AM

    To center the Button Radios Widget on mobile, inject the following CSS codes to the widget itself (not to the Form Builder):

    #radio-container {

      text-align: center;


    Complete guide: How-to-Inject-CSS-Codes-to-Widgets

    Keep in mind that you'd have to do this on all the Button Radios that you want to be centered.


    Your 2nd question has been moved to a separate thread

    We'll have it addressed there shortly.