Contact For 7 single line form

Where can we see the website in question?

Yes sure, the website is https://latitude-22.info/ ..ive managed to do some research and have applied the following codes, i have applied this CSS code to the customiser…..

media screen and (max-width: 768px)
.tg-header-action-list .tg-header-action__item.tg-mobile-toggle .tg-icon-bars {
    display: none;
}

CSS
#responsive-form{
	max-width:100%; 
	margin:0 auto;
    width:100%;
    padding: 20px 0 20px 0;

}
.form-row{
	width: 100%;

}

.column-full{ 
float: left;
position: relative;
padding: 0.65rem;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.column-half{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:50%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
1
2
3
4
5
6
7
8
9
10
#responsive-form{
 max-width:100%; 
 margin:0 auto;
    width:100%;
    padding: 20px 0 20px 0;
 
}
.form-row{
 width: 100%;
 
}
 
.column-full{ 
float: left;
position: relative;
padding: 0.65rem;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
 
.column-half{
 float: left;
 position: relative;
 padding: 0.65rem;
 width:50%;
 -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.clearfix:after {
 content: "";
 display: table;
 cl

..and this is the form code in Contact Form 7:

<div id="responsive-form" class="clearfix">
<div class="form-row">
<div class="column-half"> [text* fname placeholder "NAME"]</div>
<div class="column-half">[email* email placeholder "EMAIL"]</div>
<div class="column-full">[submit "SEND"]</div>

….and this is the “Form” code in Contact Form 7:

<div id="responsive-form" class="clearfix">
<div class="form-row">
<div class="column-half"> [text* fname placeholder "NAME"]</div>
<div class="column-half">[email* email placeholder "EMAIL"]</div>
<div class="column-full">[submit "SEND"]</div>

As you see it worked to an extent, but i am trying to place the submit button in the same line on the right hand side

• This reply was modified 4 years, 7 months ago by petersmedia.
• This reply was modified 4 years, 7 months ago by Yui. Reason: please use CODE button for proper formatting

I am curious about this same question. I have a demo form entered into my website that is a single line subscription and I am hoping to alter it to actually work for me. Currently if someone puts their email into the line and hits submit/ subscribe, I get an email with absolutely no information in it at all.
Thanks in advance