Need help with pages not showing well on iphone

Hi - I was wondering if there was a better way to show my page california-river-rafting.com/wptest/test-column-page (this is the page I'm building as a templete for all of our inside river pages). But the table do not show well on the small iphone. They showed well before I put the tables inside the [col] tag. Can you help?

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

 @media only screen and (max-width: 480px){
.fullwidth .one_third{
width:98%!important;
}
.fullwidth p{
width:86%!important;
}
}

Thanks & Regards
Gourav Shrivastava

 

HI - Thank you for the help, is there a way to center the page on the iphone screen - a small portion of the right side is cut off and just shows the background image.
Thank you

 

HI Sorry - I put the code into my real pages http://california-river-rafting.com/wptest/american-river-rafting-3/south-fork-american-river-2/ and updated the css like you said, but it does not show up in these pages like the sample page I did. Can you tell me how to make this page look correct on the ipad and iphone. It looks the way I want it on the desktop, but not the smaller screens. Only the first col shows and a fraction of the middle one, and none of the last one.
Thank you for your help.

 

Sorry again, also when I put the css code in the page width increased too much and does not show the person only his arm??
Can you tell me how to make the site size smaller to fit in the guy holding up his arms, it show correctly before I updated the css

 

Hello,

For this you can use three column short code, please check the link for reference
http://www.inkthemes.com/how-to-use-shortcodes-in-themes/02/

Thanks & Regards
Gourav Shrivastava