iPhone X loads page elements over each other on one page of site

Hello!

Only on Iphone X's do page elements overlap each other on this one page, which causes clients to be unable to book appointments.

I've tried hiding the prefooter and footer, but that causes scrolling on iPhone X not to work.

Is anyone able to help us determine what the issue is specific to iPhone X and this page?

http://www.bridgetownbarbersociety.com/booking

Thank you!

Thats happens in only one page or in all pages?

Hello!

This is the only page this occurs and only on iPhone X's. The prefooter/footer content covers up the elements in the scrollable service selection box on this page so clients are unable to select any options.