The site’s only responsive part is its changing for the iPhone size.
It would be much easier and better to just have a separate site just for iPhone: basically, if the screen is a certain size or smaller, let a box be shown that lets people go to that site, something like this:
...
With the CSS just like this:
#send-to-mobile {
background: white;
box-shadow: 0 0 20px black;
display: none;
padding: 50px;
}
@media screen and (max-width: 480px) {
#send-to-mobile {
display: block;
}
}
Then by creating the mobile site separately, you’re using a smaller stylesheet, and you’re making a much more optimised version for the iPhone, as well as being free for designing the main site specifically for desktop.
