Magazine Theme Cut of in iPhone

Community Forums › Forums › General Discussion › Magazine Theme Cut of in iPhone

This topic is: not resolved

This topic contains 7 replies, has 3 voices, and was last updated by  anitac 3 months, 4 weeks ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 26, 2013 at 10:34 am #15021

    pushingsocial
    Participant
    Post count: 3

    I’m using the Magazine Theme.

    On the iphone, the theme is cut in half.  I saw conversation on this in the old forum but no resolution.

    I would really like to fix this since a growing number of visitors are using mobile.

     

    January 26, 2013 at 4:43 pm #15143

    anitac
    Moderator
    Post count: 2694

    What is the URL to your site? I’d like to look on my phone to see how it looks.

    Twitter Handles: @thecre8tivediva | Website: Cre8tiveDiva.com | LinkedIn Group: http://goo.gl/nNe1m
    Why Not Take The Challenge! – Help us answer some of the unanswered posts

    January 26, 2013 at 5:06 pm #15169

    pushingsocial
    Participant
    Post count: 3

    Take a look at http://www.the4thquarterman.com

     

    January 26, 2013 at 6:09 pm #15208

    anitac
    Moderator
    Post count: 2694

    I looked in my Android and the theme is not scaling responsive at all. Even if I reduce my desktop browser window, it’s not responsive. Did you modify any part of your Mobile CSS in the style.css at all. I see you have the Elegant Themes Builder plugin activated. Try disabling that and let’s see what happens.

    Twitter Handles: @thecre8tivediva | Website: Cre8tiveDiva.com | LinkedIn Group: http://goo.gl/nNe1m
    Why Not Take The Challenge! – Help us answer some of the unanswered posts

    January 26, 2013 at 6:17 pm #15211

    anitac
    Moderator
    Post count: 2694

    I also see something strange – if you VIEW SOURCE of the Magazine Demo at the top – you can clearly see the CSS for Viewport at the top. But if you VIEW SOURCE of your website – your plugin YOAST SEO is inserted in between the code which separates the Mobile CSS from the Viewport. That’s weird. Can you try to disable Yoast just to see if the theme will return to responsive?

    Twitter Handles: @thecre8tivediva | Website: Cre8tiveDiva.com | LinkedIn Group: http://goo.gl/nNe1m
    Why Not Take The Challenge! – Help us answer some of the unanswered posts

    January 26, 2013 at 6:51 pm #15214

    pushingsocial
    Participant
    Post count: 3

    @anitpac, Thanks for your help :)

    I’ve deactivated both.  It’s still getting cut-off.

    January 26, 2013 at 7:27 pm #15217

    Brian Bourn
    Participant
    Post count: 95

    The responsive CSS is commented out

    Near the end of the CSS file is this:

    /* Responsive Design
    ————————————————————

    and it should be

    /* Responsive Design
    ———————————————————— */

    The closing comment characters */ are pasted at the end of the file

    http://www.the4thquarterman.com/wp-content/themes/magazine/style.css

    Bourn Creative | bourncreative.com | Twitter

    January 26, 2013 at 7:48 pm #15218

    anitac
    Moderator
    Post count: 2694

    Good EYE Brian!!!! Great catch! Thank you! I hope that works for him.

    Twitter Handles: @thecre8tivediva | Website: Cre8tiveDiva.com | LinkedIn Group: http://goo.gl/nNe1m
    Why Not Take The Challenge! – Help us answer some of the unanswered posts

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.