I recently updated from Joomla 3.3.2 to Joomla 3.4, and also updated the template Radiance to v1.10, but Pages doesn't look right on iphone and Android. How can I make the site mobile friendly?
Both RocketTheme and YooTheme has a template called Radiance, both are from 2011-2012 and are NOT responsive. I'm going to assume you're using the RocketTheme template, since the latest version is 1.10.
When RocketTheme started with "mobile friendly" templates, they weren't actually responsive, but included an option to load a customized version of the template for iPhone and Android. This means they somehow detected the device, and styled the page accordingly. A few templates later they began with responsive design.
To see how a responsive website works, it's simply a matter of re-sizing the browser window. With your template, however, in order to test on localhost you have to emulate an iPhone/Android device, and even then I find it rather random if I see the mobile or full version:
The best way to test your website is to place it on a live server and test with a real phone. Even so, remember that these templates are responsive based on device, not on screen size. Responsive should be design-driven, not device-driven.