-
AdventurelandAsked on August 17, 2017 at 8:03 PM
Hi,
Everything looks great on mobile, except our logo at the top. I am thinking because I am really using an image and not a true logo? I did it that way so I could get the colors I wanted (black for the form, but dark grey for the outside so the black on the image shows up).
Is there a way to have that fit a mobile screen correctly without being too small on a desktop?
-
Elton Support Team LeadReplied on August 17, 2017 at 9:56 PM
Try this CSS. Simply inject this to your form.
@media screen and (max-width: 480px){
.form-all:before {
background-size: 100% !important;
top: -360px !important;
}
.form-all {
margin-top: 340px !important;
}
}
Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
This is how it should look on mobile afterward.
-
AdventurelandReplied on August 17, 2017 at 10:05 PM
That worked! Thank you so much!!