# Display Glitch on iOS Devices

**URL:** <https://community.wpbeaverbuilder.com/t/display-glitch-on-ios-devices/5311>\
**Category:** Beaver Builder\
**Created:** [November 2, 2015, 3:31pm UTC](https://community.wpbeaverbuilder.com/t/display-glitch-on-ios-devices/5311 "2015-11-02T15:31:06Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![mysticalmatt517](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/m/258eb7/32.png) [@mysticalmatt517](https://community.wpbeaverbuilder.com/u/mysticalmatt517)\
**Post date:** [November 2, 2015, 3:31pm UTC](https://community.wpbeaverbuilder.com/t/display-glitch-on-ios-devices/5311/1 "2015-11-02T15:31:06Z")

</div>

Hi! I’m using the Beaver Builder Theme and Plugin.

Theme Version: 1.3.2 (Official Child Theme V 1.0 Activated)  
Plugin Version: 1.6.4.1

Most of the site looks fine. I’m having issues with one specific page:  
[http://shizdizbooth.com/about/](http://shizdizbooth.com/about/)

On desktop it looks fine. When I bring it up on Safari for iOS 9.1 I get the following glitch:

iPhone 6:  
[http://i.imgur.com/utmGEN6.png](http://i.imgur.com/utmGEN6.png)

iPad Air:  
[http://i.imgur.com/lusATRS.jpg](http://i.imgur.com/lusATRS.jpg)

On both devices the page isn’t filling the screen and there’s a gray bar on the right side.

Could you take a look at this and let me know what’s going on?

---

<div class="post-metadata">

**Author:** ![mysticalmatt517](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/m/258eb7/32.png) [@mysticalmatt517](https://community.wpbeaverbuilder.com/u/mysticalmatt517)\
**Post date:** [November 2, 2015, 3:35pm UTC](https://community.wpbeaverbuilder.com/t/display-glitch-on-ios-devices/5311/2 "2015-11-02T15:35:11Z")

</div>

[Content Hidden]

---

<div class="post-metadata">

**Author:** ![mysticalmatt517](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/m/258eb7/32.png) [@mysticalmatt517](https://community.wpbeaverbuilder.com/u/mysticalmatt517)\
**Post date:** [November 2, 2015, 3:36pm UTC](https://community.wpbeaverbuilder.com/t/display-glitch-on-ios-devices/5311/3 "2015-11-02T15:36:05Z")

</div>

Also… W3 Total Cache and Cloudflare caches, along with local cache on both devices have been flushed.

---

<div class="post-metadata">

**Author:** ![kcchai](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/kcchai/32/621_2.png) [@kcchai](https://community.wpbeaverbuilder.com/u/kcchai)\
**Post date:** [November 2, 2015, 7:28pm UTC](https://community.wpbeaverbuilder.com/t/display-glitch-on-ios-devices/5311/4 "2015-11-02T19:28:31Z")

</div>

Hey Matthew,

Just letting you know that we’re checking this one out.

Thanks!

KC

---

<div class="post-metadata">

**Author:** ![kcchai](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/kcchai/32/621_2.png) [@kcchai](https://community.wpbeaverbuilder.com/u/kcchai)\
**Post date:** [November 2, 2015, 10:55pm UTC](https://community.wpbeaverbuilder.com/t/display-glitch-on-ios-devices/5311/5 "2015-11-02T22:55:51Z")

</div>

Hey Matthew,

It looks like your Website requires some Custom CSS Snippets to fix those glitches. I’ve inserted them for you, and it should work properly now. Let me briefly explain what it does.

Fixes long title words that causes extra column on the first image.

```auto
.fl-module-content h1.fl-heading {
    word-wrap: break-word;
}

```

Fixes the footer widget images in responsive layouts.

```auto
.fl-page-footer-widgets-row .textwidget img {
   max-width:100%;
}

```

Let us know if you need anything further! 🙂

Thanks!

KC

---

<div class="post-metadata">

**Author:** ![mysticalmatt517](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/m/258eb7/32.png) [@mysticalmatt517](https://community.wpbeaverbuilder.com/u/mysticalmatt517)\
**Post date:** [November 3, 2015, 10:13am UTC](https://community.wpbeaverbuilder.com/t/display-glitch-on-ios-devices/5311/6 "2015-11-03T10:13:42Z")

</div>

That did it. Thanks so much for your help! 🙂

---

<div class="post-metadata">

**Author:** ![system](https://community.wpbeaverbuilder.com/uploads/default/original/2X/9/9db1b183a7ea1efa26199a2a2b3511d742473dae.png) [@system](https://community.wpbeaverbuilder.com/u/system)\
**Post date:** [April 27, 2019, 10:19pm UTC](https://community.wpbeaverbuilder.com/t/display-glitch-on-ios-devices/5311/7 "2019-04-27T22:19:35Z")

</div>