• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Site displays poorly on iphone

Home › Community Forums › Adapt Theme Support › Site displays poorly on iphone

Tagged: iphone, mobile responsive

  • This topic has 3 replies, 2 voices, and was last updated 10 years, 5 months ago by Wes.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 14, 2012 at 9:48 am #1217
    lucaswijntjes
    Customer

    Hi there,

    My site displays completely messed up on my iphone. It’s about a third of the size and aligned to the left. The url is http://housingforum.pressborg.com

    Just a note, I would like to have the site appear as the desktop version, not like the mobile responsive version. Hope you can help.

    Cheers

     

     

    August 14, 2012 at 11:27 am #1218
    Wes
    Moderator

    Remove or comment out this code in your functions.php file –

    /** Add Viewport meta tag for mobile browsers */
    add_action( 'genesis_meta', 'add_viewport_meta_tag' );
    function add_viewport_meta_tag() {
    echo '<meta name="viewport" content="width=device-width, initial-scale=1.0"/>';
    }

    You may need to remove the responsive code at the bottom of your style.css file as well……but only do so if its needed.

    /* Responsive Design
    ------------------------------------------------------------ */

    August 14, 2012 at 11:51 am #1221
    lucaswijntjes
    Customer

    Removing the lines from the functions file helped a lot Wes. Thanks for that!

    Minor thing that’s left now is that there are a few pixels padding on the right side of the page. Not a big deal, but would you know a solution for that as well?

    August 14, 2012 at 12:13 pm #1222
    Wes
    Moderator

    I just checked in my browser (which is the only way I can use my tools to debug) and it still shows the responsive code.  Once you remove the code from the functions file it works for mobile browsers, but it looks like you would need to remove the responsive css code as well for desktop browsers.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework