Struggling with my website for Freecodecamp. Works fine on desktop, but iOs is a nightmare. My contact page isn't showing at all, and 75% of the bottom is cut off. Even worse, I can't click on what's visible. Help needed! Only tested on iPhone 7+. Markup for the problematic page below, along with the CodePen link to the entire site.
<div id="parralax4" class="img-responsive">
<div class="container">
<div class="row formtitle">
<div class="col-sm-3">
<h2 class="formtitle1 raleway">Contact Us</h2>
<p class="raleway">Please use the contact form...
</div>
<form id="xform">
<div class="row">
<div class="form-group col-sm-4">
<label for="name"></label>
<input type="name" class="form-control" id="name"
required placeholder="Enter name">
</div>
</div>
<div class="row">
<div class="form-group col-sm-4">
<label for="email"></label>
<input type="email" class="form-control" id="email"
required placeholder="Enter email">
</div>
</div>
<div class="row">
<div class="form-group col-sm-6">
<label for="Message"></label>
<textarea class="form-control" rows="5" id="message"
required placeholder="Your message"></textarea>
</div>
</div>
<div class="row">
<div class="col-sm-2">
<button type="submit" class="btn btn-md btn-success">Submit</button>
</form>
</div>
</div>Desperate for any assistance. Been tackling this challenge for hours now.