This is the page in question: <http://k2ld.91dev.com.au/project/balwyn-residence/>

The carousel uses `autoheight:true`.

On certain mobile browsers including Dolphin, iPhone, Google Nexus 4 (when viewed in Chrome Dev Tools), the `.owl-wrapper-outer` container will have a small inline height applied which crops the first image.

Once you swipe to the left and back the height is recalculated and all is fine.

My Owl code looks like this (inside a `document.ready`):

```
// Owl Slider
$(".owl-carousel").owlCarousel({
    items: 1,
    loop: true,
    autoHeight: true
});

```

I originally used Owl Carousel 1 and then switched to version 2 to see if the issue went away... it didn't.

How can I get the carousel to calculate it's height once the images are fully loaded?