Creating a mobile friendly site -- How?

[LoveWeb2py]

Hello everyone,

I'm working on www.handymancharles.com

I'm using web2py for the site and I really love it! When I try to access the site on my mobile phone it looks horrible though. I know that if I create a default web2py app it is ready for mobile devices, but how could I make this current site mobile ready? What changes would I need to make or what is the best practice? Should I do something like check the user agent and then create a totally separate site for mobile devices? I'm lost and as always appreciate any advice!

[Massimo Di Pierro]

It looks horrible about of the CSS that you use. Your divs have a fixed width and are not fluid. try rewrite it using twitter bootstrap or semantic-ui.

[Austin Taylor]

Thanks, Massimo. I'll give that a try. Would it be possible to just have a mobile site and redirect the user based on their agent string? 

--
Resources:
- http://web2py.com
- http://web2py.com/book (Documentation)
- http://github.com/web2py/web2py (Source code)
- https://code.google.com/p/web2py/issues/list (Report Issues)
---
You received this message because you are subscribed to a topic in the Google Groups "web2py-users" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/web2py/qwuRtlByMwQ/unsubscribe.
To unsubscribe from this group and all its topics, send an email to web2py+un...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Marco Mansilla]

I guess you could check if the browser is mobile or not, and based on
that apply a different css style to the site.

Still it would be easier go with Massimo's suggestion.

Marco.