I've been using the CSS code below to center items on my page:
#MainBox
{ width: 488px;
height: 181px;
position: absolute;
left: 50%;
top: 236px;
margin-left: -244px; //this being half the width
}
However, when viewing the page on an iPhone (and I assume other smartphones as well), the left-hand side gets chopped off. Does anyone have any suggestions on how to fix this issue and make everything fit properly?
Thanks in advance!