It looks great on android phones but does not collapse so well on an ios phone, it goes all crazy! Is there a bit of css that can help to push it back into place and work like it does on an ios? Much appreciated!
I have no iOS here, but looking in Firefox it seems broken at narrow widths.
ViRSO IT is clashing with the logo image.
I also notice that the logos <img> element is a direct first child of the <ul>, it should be within an <li> to be valid.
Ok, when in portrait mode, the bottom column, when they are stacked on top of each other does not expand as well as the other two, leaving a huge gap underneath it. On android it seems to work perfectly well so what i am hoping for really is a CSS media query that targets purely IOS that may hopefully fix that littler bug
The gap is caused by your centerme element which you have a give a top position of 40% and a height of 100vh. That means the bottom element when stacked in rows will have that element 40% from its top and then travel a further 100vh below the fold!!
As far as I can see you don’t need a height on centerme anyway.