Layout Element not adjusting to smaller screens

Hi,
Thank you for your patience and the screenshots, I don’t have an iPad but I was able to reproduce it with my Chrome dev tools for the screen widths 1024px ▸ 1440px
at this size the heading text in the first column is over flowing the form, I recommend increasing the max-width of the container to allow the column a little more space.
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

@media only screen and (min-width: 767px) and (max-width: 1440px) { 
	.responsive #top.page-id-14210 #main > #av_section_2 > .container {
		max-width: 95%;
		padding: 0;
	}
}

This seems to help a lot, another adjustment you could make is to reduce the heading font size a little:

@media only screen and (min-width: 767px) and (max-width: 1440px) { 
	#top.page-id-14210 #wrap_all .av-inherit-size .av-special-heading-tag {
    font-size: 0.8em;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike