Fixing Drupal’s Clearfix CSS

Drupal’s default clearfix CSS leaves a gap at the bottom of the page, this removes this:


.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}

.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

Html Form Buttons not displaying correctly in mobile safari [Solved]

This is problem caused by safari attempting to default buttons in the mobile browser to its own apple look. A simple fix can be done using CSS. First add a class to your input button tag in the form which you may already have put there:

<input type="submit" value="SUBMIT" name="submit" class="mySubmitClass" />

then in your stylesheet add the following to fix the issue once and for all:

.mySubmitClass {
    -webkit-appearance: none;
}