Although I haven’t ‘officially’ set the site up to be responsive (my client didn’t request it) I’m having problems when viewing the site in Safari on my iPhone.
The text box on the first right hand column is jumping up under the intro paragraph when viewed on mobile devices.
It’s only just started doing this… it was fine before and I don’t think I’ve changed anything except the background colour of the icons??
and do it exactly the same way (something like toptextholder and in there the two items left and right text.
Then you have two child column boxes (floated left and right) within a parent box.
Your current rightbody1 is placed “absolute”. The point is that this box top-position (620px) is slightly different interpreted on each different device.
Just as pedant sidestep:
Even if your client didn’t ask you for responsiveness, he expects his page played nice of every browser (and he has the right to). This is just because there is no “mobile-web” or “desktop-web” - it’s just the web. And this is simply the job of a FrontEnd Developer - the best we can.
Your construction is pretty cool (your first one as far as I remember) - not much missing to turn it into full responsive. I think you should keep the mobile setting by page-width, but not sure in this honestly.