HELP PLEASE: Parralax issues and mobile view

Hi there

In the attachment you will see the problems I am experiencing.
How do I get the parralax header (hero) and the ones I add underneath to appear the same way on tablet/mobile view - it gets cut off. What are the required dimensions in order for the responsive layout to work?

How do I minimise the spaces between each parralax that I add??

How do I remove the grey bar and text underneath footer area??

Desperate for help PLEASE!!

http://www.roestoffinc.co.za/wp-admin/

Hey there,
Hope you’re doing well today

Unfortunately, without a username and password, I’m unable to view your site as there’s a maintenance mode plugin active. Could you please reply privately with the required credentials?

I look forward to your reply :slight_smile:

Best Regards,
Support