Metro Theme – Just can't get the right column to fall under the left on Iphone

[computerkitten]

Metro theme and can't get this to look right on the Iphone.  The Featured Blog post on the Home page on the right side  won't collapse to fall under the Featured Page that is on the left side of the Home Page.

I've tried changing some settings in the @media section and that didn't help.  (I rearranged it so the mobile was at the top...not sure now I should have done that).

Website is here:  http://tinyurl.com/blgu2rc

Ideas?

Thanks,

CK

 

[joycegrace]

Hi there, hard to tell right now but did you try "display: block" and "clear:both" ? You wouldn't need to change the position of "mobile" in the CSS file, that doesnt' do anything. You need to add or change the styles themselves in the @media section of the CSS

---

Find me at Joyce Grace (http://www.joycegrace.ca)

[computerkitten]

Thanks for writing!  Which section should I try the display block and clear settings?

[joycegrace]

Whichever two divs you don't want to be side-by-side or floating left.

It's really hard for me to tell on a PC, sorry. You'd have to target the div class or id that you want to stack.

---

Find me at Joyce Grace (http://www.joycegrace.ca)

[computerkitten]

Ok I will give it a try and report back thank you!!!  CK

[digitalmoxie]

I am having the same problem, did you ever find a solution?

[Author]

Posts