[shopgeometry]

If you refresh the page while you’re on the “wine” page everything works fine.

But if you load the site at any other page (most people arriving at the welcome page first) and then click over to wine, you’ll see that it wasn’t able to calculate the correct size of the page and shows the mobile version.

If at this point you grab the window and resize it the tiniest bit up or down, the desktop formatting then snaps into place.

Which is why I need to have the event load after the the active page has loaded to its final dimensions.

[shopgeometry]

While putting that code in both the spot you pasted and before line 131 triggers the event to happen, it’s still occurring before the page is loaded.

It needs to function like how you fixed the google map on the contact page. If you don’t load the map after the page is loaded, the location pin and center point of the map wouldn’t be right.

I’m thinking it might need something similar to:

if($(‘.page.active .map iframe’).length) {
var map = $(‘.page.active .map’).html();
$(‘page.active .map’).empty();
setTimeout(function() { $(‘.page.active .map’).html(map); }, 100);
}

but I havent quite nailed it. Thoughts?

[shopgeometry]

$(‘html’).removeClass(‘no-overflow’).addClass(‘safe-mod’);

setActivePage();
$.address.change(function() {
setActivePage();
$(‘table’).footable();
}

});

}

i’ve probably screwed up this syntax.
is this right?

[shopgeometry]

It needs to function exactly how you have the google maps loading on .page.active

[shopgeometry]

Thanks.