Title: Javascript height causing glitch on page load
Last modified: August 30, 2016

---

# Javascript height causing glitch on page load

 *  Anonymous User 14432102
 * (@anonymized-14432102)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/javascript-height-causing-glitch-on-page-load/)
 * Hi,
 * Just wondering if anyone can offer any solutions to a little glitch on my site.
   WP Tiles is using javascript to set the height of the tiles but it’s doing it
   through inline CSS. When the page is first loaded there’s a slight delay while
   the JavaScript code figures things out and sets the height dynamically.
 * This is causing elements on the page to momentarily stack before they jump back
   in to the right place.
 * See [website](http://bestleftwild.com/) for example.
 * I know it’s a minor issue but appears like there is a glitch when people first
   load the site.
 * Any advice would be appreciated 🙂
 * [https://wordpress.org/plugins/wp-tiles/](https://wordpress.org/plugins/wp-tiles/)

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [mrsminkie](https://wordpress.org/support/users/mrsminkie/)
 * (@mrsminkie)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/javascript-height-causing-glitch-on-page-load/#post-6612165)
 * I love this plugin but I’m having the same issue. When the page loads, the images
   display almost the full height of the screen and then snap into place. It would
   be great to prevent this.
 *  [efrap](https://wordpress.org/support/users/efrap/)
 * (@efrap)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/javascript-height-causing-glitch-on-page-load/#post-6612328)
 * You can manage some of this by giving the .wp-tiles-tile class an overflow hidden
   and 0 height, and a default height for its container.
 *     ```
       .wp-tiles-container {overflow:hidden;min-height: 370.85px;}
       .wp-tiles-tile {overflow:hidden;height: 0;}
       ```
   
 * However, page loading is still clunky. It would be nice if tiles were inserted
   once ready, without slowing down other page elements.
 *  Thread Starter Anonymous User 14432102
 * (@anonymized-14432102)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/javascript-height-causing-glitch-on-page-load/#post-6612359)
 * Thanks efrap. Did the job 🙂
 *  [mrsminkie](https://wordpress.org/support/users/mrsminkie/)
 * (@mrsminkie)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/javascript-height-causing-glitch-on-page-load/#post-6612429)
 * Many thanks, [@efrap](https://wordpress.org/support/users/efrap/). Just got round
   to implementing this – works a charm 🙂

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Javascript height causing glitch on page load’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/wp-tiles_8f8e84.svg)
 * [WP Tiles](https://wordpress.org/plugins/wp-tiles/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-tiles/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-tiles/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-tiles/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-tiles/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-tiles/reviews/)

## Tags

 * [glitch](https://wordpress.org/support/topic-tag/glitch/)
 * [height](https://wordpress.org/support/topic-tag/height/)
 * [javascript](https://wordpress.org/support/topic-tag/javascript/)
 * [stacking](https://wordpress.org/support/topic-tag/stacking/)

 * 4 replies
 * 3 participants
 * Last reply from: [mrsminkie](https://wordpress.org/support/users/mrsminkie/)
 * Last activity: [10 years, 4 months ago](https://wordpress.org/support/topic/javascript-height-causing-glitch-on-page-load/#post-6612429)
 * Status: not resolved