Yes, that would be how Responsive layouts handle the small screens, they get stacked 🙂
Emil
I understand that… but this theme is not Responsive in this situation. Does anyone know why?
Hi,
It might not be by the name, but the technique behind is still “Responsive”. Please see. 🙂
Thanks,
Emil
so you have no idea on how to fix the problem?
Hi,
I would wait for the Theme Author to respond, this isn’t a problem per se, it’s just how “Responsive” Themes work, if the layout does not stack, it would be too big for mobile devices.
Take a look at this example please.
Thanks,
Emil
Hi,
I had the same issue with the PinBlack theme and these 2 changes seemed to fix it (at least on the iPhone simulator):
styles.css: remove “and (min-width:321px)” in the first media query rule (around line 1066 in the css file)
header.php: modify the viewport meta tag (line 5) to “<meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0″ />”
I’m not sure if the latter mod is needed, but I believe it’s the common setting for mobile.
Hope that works for you – I am fairly new to WordPress. Current site is here
@bigreddog, are you saying that the site looks the same on your iphone as it does on a desktop? I’m not sure how that’s possible. could be a setting in your iphone or something but not sure since media queries work off the device’s screen size. So, if the screen size is small i.e. iphone then you should see the stacked layout (one column) and not two as what you have been describing.
