Wordpress Themes - WP Forum at BFA - Change Layout MIN width if width is lower than X pixels?

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Atahualpa 3 Wordpress theme (http://forum.bytesforall.com/forumdisplay.php?f=2)

- - Change Layout MIN width if width is lower than X pixels? (http://forum.bytesforall.com/showthread.php?t=21000)

Factorfiction

Oct 12, 2013 04:05 PM

Change Layout MIN width if width is lower than X pixels?

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 :o

Factorfiction

Oct 13, 2013 03:54 AM

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

CSS:

HTML Code:

@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?

juggledad

Oct 13, 2013 05:06 AM

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

All times are GMT -6. The time now is 05:43 PM.