WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Twelve
Mobile device style not working (15 posts)

  1. robcnz
    Member
    Posted 9 months ago #

    Hi there, on a new site of mine here when I view it on my iphone the site isn't working properly. I'm guessing my child theme stylesheet isn't right.

    Basically what is happening is the content area is less than half the screen width (on the left) on a mobile device.

    Any ideas what I'm doing wrong please?

  2. Andrew
    Forum Moderator
    Posted 9 months ago #

    Try deactivating all plugins to explore whether any could be responsible.

  3. robcnz
    Member
    Posted 9 months ago #

    Thanks @Andrew that didn't work however, the plugins are deactivated now

  4. Andrew
    Forum Moderator
    Posted 9 months ago #

    Try reinstalling the parent theme - I commented out your Child Theme CSS modifications and the issue persisted.

  5. robcnz
    Member
    Posted 9 months ago #

    Done and doesn't resolve the issue sorry ;-(

  6. Andrew
    Forum Moderator
    Posted 9 months ago #

    What files do you have in your Child Theme?

  7. robcnz
    Member
    Posted 8 months ago #

    Footer.php
    Header.php
    Style.css
    Images/linkedin.png

  8. Andrew
    Forum Moderator
    Posted 8 months ago #

    Could you create a DiffChecker page (select from the "Don't store diff" dropdown and select "store forever") of the original header.php code and your header.php code as comparison?

  9. robcnz
    Member
    Posted 8 months ago #

    Interesting tool thanks for that, it changes on line 36 of header.php.... but problem is I"m not sure what to do from here once I've identified the differences!

    I chose store for 1 day with this link...

  10. Andrew
    Forum Moderator
    Posted 8 months ago #

    Can you check if the JS that functions the navigation is finding your menu http://themes.svn.wordpress.org/twentytwelve/1.3/js/navigation.js ?

  11. robcnz
    Member
    Posted 8 months ago #

    How do I do that?

  12. Andrew
    Forum Moderator
    Posted 8 months ago #

    Maybe I got this thread mixed up at the time, it looks like I thought you had a JS issue with the mobile menu. I've checked now and you have no such issue.

  13. Andrew
    Forum Moderator
    Posted 8 months ago #

    To clarify, could you re-explain your issue?

  14. robcnz
    Member
    Posted 8 months ago #

    Sure, this site of mine isn't working properly on a mobile device. Basically what is happening is this:

    1. When I load it up on my iphone the first page is fine, as in this screenshot...
    2. When I tap the menu to go to another page, the content is shrunk, as in this screenshot...

    I'm unsure how to fix this, I'm guessing that the mobile @media CSS is causing it but have no experience in using CSS to style for a mobile device.

    Does this make sense?

  15. Andrew
    Forum Moderator
    Posted 8 months ago #

    Yeah it looks like that's just because your menu is really long - originating from this style in your Child Theme style.css file:

    .main-navigation ul ul {
    width: 900px;
    }

Reply

You must log in to post.

About this Theme

About this Topic