Uninspected Responsive Design?

Hi,

when I use modules within left and right position I have a kind of unintended "responsive design":

The Site looks OK on PC, Mac and MacBook but on iPhone and iPads the left module is above the content and the right module is below. Looks like something goes wrong with floating boxes...

Any idea?

/regards
Carsten

send link

s521070084.online.de

it's offline right now. pls log in as user test with pw test.

Your site is not offline for public, send access parameters using 'Report To Moderator'

This is how template handles small screens. If you want to disable this you can write by email to our support to send you old non-responsive template version or you can edit teamplte_css.css and layout.css to comment out all

@media (max-width:...
and
@media (min-width:...

blocks

First thanks for your quick reply even on sunday

But that's not clear for me:

We do not talk about screen sizes (tiny iphone, small ipad, big mac etc.) but about resolutions (max-width 100px, max-width 820px etc.)

Actually an iPad has a much bigger resolution than a MacBook Pro. But with a MacBook with the smaller resolution everything looks OK and an iPad with retina-display and therefore much more pixels shows right and left-modules displaced.

So do you really think it's the solution to comment the "@media-code"?