CSS: Form Background in Mobile View is Very Large

Hello Nathalka,

Thanks for reaching out to Jotform Support. Please try replacing the existing CSS codes with this one:

.form-sub-label {

  color : white;

}



.form-address-table.jsTest-addressField {



}



.form-line-active input:focus {

  border : 1px solid gay !important;

}



.form-line-active {

  background : gray;

}







@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {html {  



    background: url('http://www.jotform.com/uploads/Carina/42534339774967/307514523798644316/wedding.jpg') no-repeat top center fixed;



  background-size: cover;



  height: 100%;



  overflow: hidden;



}

}

 



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { 



.supernova {



  height: 100%;



  background-repeat: no-repeat;



  background-attachment: fixed !important;



  background-position: center !important;



  background-size: cover !important;



}



}



@media only screen and (max-width: 480px){

 .supernova {

    background: url("https://www.jotform.com/uploads/Jovanne_A/212308440399052/5402728237219325645/intercontinental-sanctuary-cove-7649232307-2x1.632d7864430ca4.09566870%20%281%29.jpg") !important;

  background-attachment: scroll !important;

  background-size: cover !important;

  background-position: top center !important;

  

}

Here's a sample output:

Give it a try and let us know if you need any other help.