back-next button padding mobile

  • ipunt
    Asked on August 4, 2017 at 7:19 PM

    Hello,

     

    On mobile view the back-next buttons are visually connected.

     

    back next button padding mobile Image 1 Screenshot 20

    Any CSS to get some padding done?

     

     

  • Elton Support Team Lead
    Replied on August 5, 2017 at 12:27 AM

    Add this CSS code to your form. This should add a spacing between them.

    @media only screen and (max-width: 40em){

    .form-pagebreak-back-container {padding-bottom: 10px;}

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Result:

    back next button padding mobile Image 1 Screenshot 20

  • Ivo
    Replied on August 7, 2017 at 12:37 PM

    Thanks but it doesn't seem to work. 

     

    Can you have another look at it?

     

     

     

  • Kevin Support Team Lead
    Replied on August 7, 2017 at 2:10 PM

    The reason why it did not work is due to a conflict between the existing code applied to the page break buttons, please try adding the "!important" rule to the code in order to override the other CSS code. 

    Example:

    @media only screen and (max-width: 40em){

    .form-pagebreak-back-container {padding-bottom: 10px !important;}

    }

    I hope this helps.