Rendering problems on small device

Exporting & Previewing
7

Now we're getting somewhere! Ok this is a known issue related to a box-sizing property. If you have CSS included on the page forcefully setting a 'box-sizing' property to every element, you can add this to the head of your document somewhere to override it:

.HYPE_element {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
 }

In your site, the offending CSS is on line 1 of icon.css:

* , * :before, * :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

The above CSS is overriding the browser default, which is content-box.

This is common on Wordpress sites and we should probably set a more forceful style to avoid this issue.

2 Likes