Contact form 7 responsive interfiers with footer
-
Hi,
after we put a responsive contact form 7 (with 2 columns), the footer got crazy.Remark: we did not put the contact form 7 in the footer!
The codes we use in CCS are:
#responsive-form{max-width:600px /*– change this to get your desired form width –*/;margin:0 auto;width:100%;}
.form-row{width: 100%;}
.column-half, .column-full{float: left;position: relative;padding: 0.40rem; width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.clearfix:after {content: “”;display: table;clear: both;}
.column-full textarea {height: 130px;width: 550px;}
.column-full input[type=”submit”]{float:right;}
/**—————- Media query —————-**/
@media only screen and (min-width: 48em) {.column-half{width: 50%;
}
}You can see the 2 differences in the footer in the next 2 links:
Correct footer:
https://vintageobras.pt/pedir-orcamento/
Wrong footer:
https://vintageobras.pt/pedir-orcamento-2/
Do you know how to fix this?
- The topic ‘Contact form 7 responsive interfiers with footer’ is closed to new replies.