How do I get the Print Button to appear to the left (or 1st; top) of the Submit Button (2nd; bottom)?

  • Jinsogna
    Asked on June 5, 2015 at 2:55 PM

    From your help section, I added the following code:

    .form-submit-print {position : relative;left : -250px !important;}.form-submit-button {position : relative;right : -300px !important;}

    This looks great on my laptop but that is not the case on my mobile. The buttons are cut off the page. How can I get the buttons to be appropriately placed whether on a desktop, tablet, or mobile?

     

    Here is the mobile view that is not working.

    How do I get the Print Button to appear to the left (or 1st; top) of the Submit Button (2nd; bottom)? Image 1 Screenshot 30

     

     

    Here is the desktop view that is working.

     

    How do I get the Print Button to appear to the left (or 1st; top) of the Submit Button (2nd; bottom)? Image 2 Screenshot 41

  • Jinsogna
    Replied on June 8, 2015 at 10:48 AM

    Hello.  Thank you for your help but I am still having issues.  I don't really understand css. Can you please tell me exactly what to copy and delete.  Below is what I did that does not work.

     

    I deleted my old code for the buttons: 

    .form-submit-print {position : relative;left : -250px !important;}.form-submit-button {position : relative;right : -300px !important;}

    I copied this code into the CSS template.

    @media (min-width:300px) and (max-width: 596px) {#input_18 {position: relative !important:left: 0px !important: top: 70px !important;}#input_print_18{position: relative !important:top: -80px !important:left: 0px !important;}}

     

  • Jinsogna
    Replied on June 8, 2015 at 11:40 AM

    I cloned the form.  What next?  Thx.

  • Jinsogna
    Replied on June 8, 2015 at 12:12 PM

    Awesome!  This worked.  Looks great on my mobile too.  Thank you!