Optimizing my Customizr site for smart phone?

  • Hi there,

    I’m trying to figure out the best way to optimize my site for smart phones. It looks great on a tablet or laptop, but not on a phone.

    I added some Custom CSS a long time ago to try and address this:

    /* ============================================== */
/* iPad Portrait and Narrower browsers            */
/*                                       768x1024 */
/* ============================================== */
@media all and (max-width: 768px) {
/* <your css here> */

}
/* ============================================== */
/* iPhone5/Android landscape (& narrow browser)   */
/*                                        568x320 */
/* ============================================== */
@media all and (min-width: 320px) and (max-width:568px) {
/* <your css here> */

}
/* ============================================== */
/* iPhone4/Android landscape (& narrow browser)   */
/*                                        480x320 */
/* ============================================== */
@media all and (min-width: 320px) and (max-width:480px) {
/* <your css here> */

}
/* ============================================== */
/* iPhone4/Android portrait               320x480 */
/* iPhone5 portrait                       320x568 */
/* ============================================== */
@media all and (max-width:320px) {
/* <your css here> */

}
/* ============================================== */
/* Smaller devices                                */
/* Android Portrait                       240x320 */
/* ============================================== */
@media all and (max-width:240px) {
/* <your css here> */

}

    But I’m still not happy with the outcome when viewing the site on a smart phone. Any ideas for how I can improve this?

Viewing 3 replies - 1 through 3 (of 3 total)

  • There is no CSS there; it’s all comments.

    Could you be more specific about what you don’t like? And link to your site?

    Thread Starter carissawp

    (@carissawp)

    My site is prettyhungryblog.com

    When you view it on a smart phone, everything is lined up vertically and you have to scroll down a lot just to get past the header and featured pages. I guess I wish it would display the same as the site does on a tablet (just smaller) and allow the reader to zoom in wherever they want to.

    That’s the responsiveness of the theme. If it were to show the same as a tablet, it would be very squashed up. People have tried to undo the responsiveness in the past and failed. It’s a core part of the theme.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Optimizing my Customizr site for smart phone?’ is closed to new replies.