Form structure on mobile

  • Resolved iskinderun

    (@iskinderun)


    7 years, 3 months ago

    Hello.

    I refered to your previous answers to keep the form’s column settings in mobile.

    @media (max-width: 740px){
    #fbuilder .fields.column2{float:left;width:49.9% !important;}
    #fbuilder .fields.column3{float:left;width:33.3% !important;}
    #fbuilder .fields.column4{float:left;width:24.9% !important;}
    }

    The code above does shrinks the columns’ width, but they are still shown in one column. Changing theme, page layout settings don’t seem to fix it. Have I done anything wrong? Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author codepeople

    (@codepeople)

    7 years, 3 months ago

    Hello @iskinderun

    Please, edit the styles as follows:

    
@media (max-width: 740px){
#fbuilder .fields.column2{float:left;width:49.9% !important;clear:none !important;}
#fbuilder .fields.column3{float:left;width:33.3% !important;clear:none !important;}
#fbuilder .fields.column4{float:left;width:24.9% !important;clear:none !important;}
}

    Best regards.

    Thread Starter iskinderun

    (@iskinderun)

    7 years, 3 months ago

    Wow. Works perfectly. Thank you.

    Plugin Author codepeople

    (@codepeople)

    7 years, 3 months ago

    Hello @iskinderun

    It has been a pleasure to help you.

    Best regards.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Form structure on mobile’ is closed to new replies.