How to properly scale page for phone browsers?

• 

  joepistol · Member · Jun 11, 2013 at 4:03 am

  • Copy link
  • Add topic to favorites

  I want my website to scale zoomed out on a phone browser. How do I do this?

• 

  helper-heroponriki · Member · Jun 11, 2013 at 5:21 pm

  • Copy link

  Hi there!

  Can you clarify what you mean by “zoomed out”? Once I have that information, I’ll be happy to take a closer look.

  Thank you!

• 

  joepistol · Member · Jun 11, 2013 at 9:19 pm

  • Copy link

  Like for instance, when I visit my webpage on an iPhone, it is “zoomed” in or scaled up so you have to slide left to right to view the whole page. I want the entire page to fit in the browser when viewed on an iPhone, iPad, etc. Does that make sense?

  Thank you.

• 

  helper-heroponriki · Member · Jun 12, 2013 at 3:29 pm

  • Copy link

  It does!

  I would recommend enabling the mobile theme under Appearance -> Mobile to fix this issue. Otherwise your site will display as it would in your browser as the Nuntius theme is not responsive so it won’t detect you’re viewing your site on an iPhone.

  I hope that clarifies things! Let me know if you have any questions.

• 

  joepistol · Member · Jun 12, 2013 at 5:04 pm

  • Copy link

  Is there no way to make it responsive?

  My problem with the mobile theme is it’s a white background so my header text isn’t visible because it’s white.

• 

  helper-heroponriki · Member · Jun 12, 2013 at 7:12 pm

  • Copy link

  No, if the theme wasn’t developed by the theme author to be responsive, there’s not much you can do to make it responsive. Since the Nuntius theme was designed to be a static, fixed width, I’d recommend finding a theme that is responsive so it will work more like you want it to:
  http://theme.wordpress.com/themes/features/responsive-width/

  I hope that clarifies things!