Hi!

I have a website with 70% fluid width, minimum 640 pixels and maximum 950 pixels, which looks great on laptops, tablets and big screens.

But, when using an iPhone I wish to lower the minimum width to fit the screen better.

Is it somehow possible to override the theme settings so that minimum width is 640 pixels down to 321 pixels and when the size of the website measures 320 pixels the minimum width changes to 320 pixels?

Edit: Whops, wrote "pixels" four times in one sentance

No one answered yesterday, so I played along myself and I think I kinda solved.

CSS:

@media (min-width:1px) and (max-width:320px) {
            div#wrapper {min-width:320px;}
            h1 {font-size: 24px;}
}

Now when I bring down the width of my browser down to 320, it gets resized!

Problem: Looks great on http://iphone5simulator.com but I just tested the website on a real iPhone 5 and there it dosen't get resized.

Anyone got a clue about what's the problem?

google found this http://stackoverflow.com/questions/1...non-responsive

you will want to put it in the ato->add HTML/CSS Inserts->HTML Inserts: Header