• Resolved guilhermecid

    (@guilhermecid)


    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?

Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Contact form 7 responsive interfiers with footer’ is closed to new replies.