Mobile Responsive Problem with Epik Theme

The “Strong Families” section isn’t responsive because you added a width to it in your Custom CSS on line 4476.

.home-feature-bg-alt .wrap {
	margin: 0 auto;
	overflow: hidden;
	padding: 120px 0 80px;
	width: 1140px;
}

You can remove that width as it’s not needed since there is already code that handles that section in your css.

The other sections are responsive because the responsive code/width kicks in at line 4095 –

	.site-header,
	.nav-primary .wrap,
	.nav-secondary .wrap,
	.slider .wrap,
	.welcome .wrap,
	.home-feature-bg .wrap,
	.home-feature-bg-alt .wrap,
	.home-feature-bg-dark .wrap,
	.footer-widgets .wrap {
		width: 90%;
	}

This part – .home-feature-bg-alt .wrap, is what handles that particular section, and I’m guessing since you had it last (after the code above) your css gives it priority and uses the width you added rather than what’s already available in your responsive css. So just delete that width that you added on line 4476 – width: 1140px; and it should work fine.

Ok for some reason my response didn’t show up, and I think it’s because I didn’t hit the Submit button, or the browser that I’m using (Opera) had an error. I typed a reply a few days ago, and when I clicked this forum link to see how everything was going, everything that I typed was still inside the Message/Reply box waiting to be submitted. Thank goodness my browser saved that info!

Anyways, here’s what I typed –

I just checked that out and I can see your Menu disappears in responsive mode. The theme/demo itself is working fine (check out the demo). The only way it wouldn’t is if you added or removed something from the theme on your own site. Did you make any adjustments to the responsive Nav CSS code/section? By default it’s supposed to work. If you look at the demo, you can see how everything is setup – http://demo.appfinite.net/epik

Do you remember what all you added to your CSS that may have altered how this section of the theme works?

Take a look at this code in your css to see what I’m referring to (line 4220) –

	.genesis-nav-menu.responsive-menu {
		display: none;
	}