Homepage section - positioning problem on small screens

Support
#1

Hi. I have a hero section and other sections below. When I resize the browser for a small screen, section 2 overlaps the hero. There is some custom CSS for the hero images and padding. Oddly, it all looks perfect in Cornerstone, but the live site is messed up as you can see here: https://www.zevo.io

Can you give me any ideas as to why?

Thank you in advance for any help!

#2

Hi There,

Thank you for writing in, you can add this on Theme Options > CSS

@media (max-width: 767px) {
	.home #x-section-1 {
		min-height: 300px;
	}
}

Hope it helps,
Cheers!

#3

Worked like a charm. Thanks so much!

#4

You are most welcome!