I am trying to use the iphone action to redirect but have an issue when I look at this on iphone it is smaller than designed. I designed to 300px wide. Also I think i read where someone was usig a bit of code to redirect to iphone and droid phones. If someone could send that to me with direction it would be even better since I would like it to work or droid phones also.
website is : dixielockandsafe.net
The redirect does seem to be working, but there is an issue with the construction of the website that is causing the mobile site to not fill the device screen (see http://cl.ly/RoEB).
The problem is that the image that you are using to create the dark gray background of the header is 959px wide, so the mobile browser will zoom out to show it. Delete the image and just set the background color of the “item2a” element to be that color in the inspector.
Also, the image inside “item4a” is set to be 332px wide. This is because you are using a image-based shadow. If you remove the shadow and re-apply it using the CSS3 Shadow Action, this issue will fix itself.