Site Looks Horrible on iPhone – Help?

  • Unknown's avatar
    ladyfred · Member ·

    I looked around the forums to see if my problem came up for anyone else…couldn’t find anything.

    My site used to look exactly like it does on my desktop, on my iPhone, but not anymore since I’ve changed the theme. I am not using the ‘mobile’ site option because although it formats properly, it looks bad with the css customizations I’ve made, etc. The ‘full site’ looks even worse. Can some one take a look at it and offer up some suggestions on what the problem may be? I’d really appreciate it…I’m at my wits end.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    auxclass · Member ·

    For starters you took the footer credit out – that is a big no no and can get your site suspended

    The current policy about the footer in the support documentation:

    May I remove the ‘Blog at WordPress.com’ credit in my site’s footer?
    Although the Custom Design Upgrade certainly grants you the capability to hide the credit from your site’s footer, you are not permitted to do so. Even our VIP bloggers are required to maintain the credit.

    http://en.support.wordpress.com/custom-design/#frequently-asked-questions

    http://en.support.wordpress.com/custom-design/

    https://en.forums.wordpress.com/topic/word-press-footer?replies=18

  • Unknown's avatar
    timethief · Member ·

    I don’t have a mobile so I can’t see what you see. Quintus is a responsive width theme. This means the the layout adapts depending on the size of the device you use to view your site. I believe it also means sidebars are displayed below posts below the post content when viewed on smaller screens. http://theme.wordpress.com/themes/widths/responsive-width/

  • Unknown's avatar
    thesacredpath · Member ·

    First off, your background image is WAY too big (file size wise) and it choked my iPhone. It is 528k and it really should be under 200k, and under 150k would be even better. You are using a GIF, which has no compression. If you do it as a JPG, it will shrink in file size considerably.

    Secondly, you are using a “reactive” designed theme which means it will automatically adjust for virtually any screen size from a smart phone all the way up to a desktop monitor.

    Third, turning the footer credits invisible by making them the same color as the footer background is effectively removing them which is against the Terms of Service. You need to lighten the credits up so that they are both visible and readable.

  • Unknown's avatar
    ladyfred · Member ·

    @auxclass Good to know about the footer… It’s all still there actually, I just made the text and links the same color. Can be changed in a jif.

    Although your comment had NOTHING to do with my question.
    But thanks anyhow!

  • Unknown's avatar
    ladyfred · Member ·

    @thesacredpath

    Awesome! Thanks for the advice! I’ll work on that right now!
    One more thing… Did you have the problem on your iPhone where the text was all on one line? Not wrapping to the area of context?

  • Unknown's avatar
    thesacredpath · Member ·

    There is also something messed up in your CSS which is causing the site to break, but I can’t see what it is. Perhaps staff will see this thread and take a shot at figuring it out.

  • Unknown's avatar
    timethief · Member ·

    Just in case you haven’t done this, search engine spiders cannot “see” or “read” text in images so you will want to be sure that you have entered your blog title and/or tagline on this page . Settings > General. And on the Appearance > Header page you will want to choose not to Display Text
    __No __Yes

  • Unknown's avatar
    thesacredpath · Member ·

    I gave up waiting for my iPhone to load it, but on my monitor, all the body text in the content area smashes over to the left and is very narrow. That doesn’t happen on the demo theme, so it is something in your CSS that is causing it.

  • Unknown's avatar
    thesacredpath · Member ·

    On the footer credits, we warn people when we see it because it can get your site suspended and I’m sure you would not want that.

  • Unknown's avatar
    ladyfred · Member ·

    Thanks a lot for all your advice! It’s helped! I’m not out of the woods yet, but I’m working on it. If you haven’t been able to tell, I’m flying by the seat of my pants with css which is why I’m having some of these problems.

    I removed this code:

    #content {
    text-align:justify;
    margin:0 245px 0 0;
    }

    And at least now all the text isn’t smashing to the left.
    I removed my background and header as well.

    @timethief Thanks for the advice about the ‘title’ ‘tagline’ bit…I had kept it blank, until now.

    I still need to figure out why my sidebar isn’t showing up… Sigh…

  • Unknown's avatar
    timethief · Member ·

    On responsive width themes the sidebars are displayed below the post content when viewed on smaller screens. http://theme.wordpress.com/themes/widths/responsive-width/

  • The topic ‘Site Looks Horrible on iPhone – Help?’ is closed to new replies.