Styling issue with form in header

Last Friday, Josue hooked me up with a solution to this problem:

https://kriesi.at/support/topic/right-float-social-icons-and-custom-items-to-upper-left-of-header

However, it turns out, by putting our form in the <form> tag as he indicated, makes the form not work. The styling was perfect, but the form (ContactForm7) wouldn’t operate.

Now, we have this in the header. So, we’re not putting the form within any kind of div, etc. Should we? Have tried multiple ways but can’t get it to work.

<div class=’container’>

<?php echo do_shortcode( ‘[contact-form-7 id=”97″ title=”Get Updates”]’ ); ?>

Then, for custom styles, we have this. We’re getting the colors and fonts we want etc., but obviously want the submit button to appear to the right of the text field – and then not mess up the upper right float of the social icons:

input[type=”text”] {

display: inline-block;

}

input[type=”submit”], #submit, .button{

display: inline-block;

background-color: #808080 !important;

text-transform:lowercase;

}

input[type=”submit”]:hover, #submit:hover, .button:hover {

background-color: #80a5d5 !important;

}

What are we missing?! Thanks again – Cory