-
JinsognaAsked 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.
Here is the desktop view that is working.
-
JinsognaReplied 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;}}
-
JinsognaReplied on June 8, 2015 at 11:40 AM
I cloned the form. What next? Thx.
-
JinsognaReplied on June 8, 2015 at 12:12 PM
Awesome! This worked. Looks great on my mobile too. Thank you!