Single choice options line cropping into two lines

  • Profile Image
    Rouleur
    Asked on April 02, 2019 at 08:14 AM

    We have a long term form, active on our site (Vote on the 2019 Cycling Hall of Fame inductees) that has altered without our input. The form is 600 pixels wide, so should be plenty of room to display all the single-choice options on one line each.


    However, it has recently changed and is cropping many of the options onto two lines instead.


    I have tried altering many variables, but can't get it back to how it was before.

  • Profile Image
    Richie_P
    Answered on April 02, 2019 at 10:40 AM

    I have checked your embedded form and I can view the questions in a single line.

    May we know what browser are you using to replicate the issue?

    Can you please try using another web browser in viewing your form and let us know if the issue still remains?

  • Profile Image
    Rouleur
    Answered on April 03, 2019 at 05:00 AM

    Your screenshot is showing the problem, as is replicated on Safari and Chrome. Longer entries (such as Jacques Anquetil and Bradley Wiggins) shouldn't be split over two lines when the form width is 600px.


    This was not happening until recently despite us not changing anything in the form.


    Attached screenshot is showing the problem on Safari:


    1554282001Screenshot 2019-04-03 at 09.56

  • Profile Image
    jonathan
    Answered on April 03, 2019 at 08:41 AM

    We apologized for the inconvenience caused. I have fixed it on your form by adding the CSS codes

    .form-radio-item:not(#foo) label {

        width: 100%;

    }

    You can check on your website also that it was fixed.

    1554295279zzz 2019-04-03 20.40.13.png


    Let us know if issue persist.