Alignments of buttons when form is viewed on mobile

  • PRAPS
    Asked on June 4, 2020 at 4:53 PM
    2a) I have issues with the positioning of the Back and Next buttons on my form. They are in different places on different pages of the form. To reproduce, look at the positioning of the buttons on different pages of my form.
  • John Support Team Lead
    Replied on June 4, 2020 at 5:34 PM

    Please try adding these codes to your form. This shall resolve the issue with the button alignments specific to mobile devices:

    @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape){

    #cid_53 > div > div.form-pagebreak-next-container.form-pagebreak-save-container {

        margin-top: -36px;

    }

    #form-pagebreak-next_34 {

        float: left;

        margin-left: 80px;

    }

    #cid_53 > div > div.form-button-error {

        display: none!important;

    }

    #cid_34 > div > div.form-pagebreak-back-container {

        margin-top: -36px;

    }

    #cid_34 > div > div.form-pagebreak-next-container.form-pagebreak-save-container {

        margin-top: -36px;

    }

    #cid_34 > div > div.form-button-error{

    display:none!important;

    }

    }

    GUIDEAdding-Custom-CSS-in-JotForm