Mail Chimp Horizontal Form Issue

[fullabeatz]

Hi,

I got some css from another forum topic to make my mailchimp form horizontal. For some strange reason there are issues when the browser window is at different sizes. At full width there seems to be some strange margin on the right of the box that I can’t track down.

I’ll attach mock ups of what I’m trying to accomplish and also what is actually happening.

Thanks!
What I’d like if possible:
Full Width

Half size

Small Size

What it’s doing at various sizes:

[rad]

Hi there,

Thanks for writing in.

The CSS only makes them inline but not responsive. Please replace those CSS wth this CSS,

.tco-subscribe-form fieldset:nth-child(4),  .tco-subscribe-form fieldset:nth-child(5){
display: none;
}
    @media ( min-width: 980px ) {
     .tco-subscribe-form fieldset {
         width: 33.33%;
         float: left;
     }
    }

@media ( max-width: 979px ) {
     .tco-subscribe-form fieldset {
         width: 100%;
         float: none;
     }
}

Hope this helps.

[fullabeatz]

Perfect. Thank you.

[lely]

You’re always welcome!

Cheers!