Homepage form not responsive

Do you have a link to your site so I can see?

It seems to be working on the demo.

You can still post it here, just make sure to Check the “Set as private reply” below and no one will be able to see it but us.

The enews widget (the plugin were using in the demo) is located on line 1070 in your style.css under this –

/* # Plugins
---------------------------------------------------------------------------------------------------- */

/* ## Genesis eNews Extended
--------------------------------------------- */

.enews-widget,
.enews-widget .widget-title {
	/*color: #fff;*/
}

.enews-widget input,
.enews-widget input:focus {
	/*border: 1px solid #333;*/
}

.enews-widget input {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 300;
	letter-spacing: 1.5px;
	margin-bottom: 16px;
	margin-right: 10px;
	padding: 16px 14px;
	width: 30%;
}

It is also located in a few spots in the Responsive Section of the CSS near the bottom. I would need the link to be able to inspect to see if something is conflicting with it on your site.

Are you using a CSS minifier? Some of the code that comes with the default CSS of the theme isn’t showing up. This is the code that is supposed to change the width when being viewed from smaller browsers –

@media only screen and (max-width: 1080px) {

	.front-page-2 {
		padding: 0 5%;
		width: 100%;
	}
	
}

I just looked at that CSS file you sent and the reason the code isn’t working is because you have it Commented Out right along with other code.

Take a look at line 2572 through line 2628 and you’ll see that it’s all commented out. If you change it back to how it was originally then it should work. Or if you want leave the rest of the code commented out and take that specific piece of code out you can do that as well.

Here’s what it looks like –

@media only screen and (max-width: 1200px) {
/* ORIGINAL CSS
	.site-inner,
	.wrap {
		max-width: 960px;
	}
*/
/* MODIFIED CSS
	.site-inner,
	.wrap {
		max-width: 970px;
	}
     

	.content-sidebar-sidebar .content-sidebar-wrap,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-sidebar-content .content-sidebar-wrap {
		width: 740px;
	}

	.content,
	.site-header .widget-area {
		width: 620px;
	}

	.sidebar-content-sidebar .content,
	.sidebar-sidebar-content .content,
	.content-sidebar-sidebar .content {
		width: 400px;
	}

	.sidebar-primary {
		width: 300px;
	}
	
	.title-area {
		width: 200px;
	}

}

@media only screen and (max-width: 1080px) {

	.front-page-2 {
		padding: 0 5%;
		width: 100%;
	}
	
}	

@media only screen and (max-width: 1023px) {
/* original css
	.site-inner,
	.wrap {
		max-width: 768px;
	}
*/