Responsive layouts

How can the gaps that is left in responsive be fixed. See attached Images

Hello there,

I hope you are doing well today.

Could you please provide a link to the page having this issue so that we can test the page and provide a solution?

Best Regards,
Support

http://fieldturf.co.za/about-field-turf/
http://fieldturf.co.za/artificial-turf-for-landscape/
http://fieldturf.co.za/fieldturf-products/
http://fieldturf.co.za/revolution-360/

There is a wide veryical gap between top image and headline and end of copy and vidoe headline.
How do i redice that gap on MOBILE ONLY (Desktop is fine)

Hello there,

Thanks for the links, however the website is password protected, you can provide the password here in a private reply.

Best Regards,
Support

password: Olivia_Oscar

Hello there,

I hope you are doing well today.

You can use the following CSS code to remove the gaps by going to Appearance > Customize > Additional CSS and pasting it there.


/*Remove mobile gap*/
@media screen and (min-width: 320px) {
footer.entry-footer {
    display: none;
}
}

Best Regards,
Support