Bootstrap btn submit wont work on iphone help please!

Bootstrap btn submit wont work on iphone help please!
0.0 0

#1

The btn works on my mac but not on iphone. Ayone have a solution to this?


#2

Post some code and we’d be happy to help.


#3

Here is the button code, maybe I should just use a regualr button. I had the same problem on my quote machine, it wouldn’t submit on the iphone.

  <label for=message class="h4">Message </label>

   <textarea id="message" name="message" class="form-control" rows="5" placeholder="Enter your message here" required></textarea>

	</div>

<button class="btn btn-success btn-lg pull-right" input type="submit"  value="form-submit" name="submit" id="emailsubmit" >Submit</button>

</form>

#4

Here is the link to the site page…
http://www.innerspiritualcenter.org/contacts2.php


#5

So, I just changed the button code to a normal submit button and will style it myself…it works fine now.


#6

It’s probably the pull-right class in the button.
Try adding a <div class="clearfix"></div> right after the button.

In mobile view, since the button is floating to the right, the container element (form) in this case is not taking up the required height, and the button is getting overlapped by the image below.

Other alternatives that I know of:

  • Remove pull-right
    or
  • Ensure it is wrapped inside a container.

#7

@Vorcan Yes Thank you! I removed the pull right and it works now. I didn’t have to use the clear fix.