Issues with Twenty Twelve layout on mobile devices (2 posts)

  1. mgn2683
    Posted 2 years ago #

    I am running into several issues with my customized layout using Twenty Twelve when viewing the site on a mobile device such as an I-phone. It seems as if the sidebar gets pushed below the main content, and the footer background color gets broken up. It can be viewed at:


    Does anyone have any pointers or idea of what is causing these layout issues?

    Any assistance from anyone who is better versed using WordPress code would be greatly appreciated!

  2. WPyogi
    Forum Moderator
    Posted 2 years ago #

    The sidebar is designed to do that - that's how most themes work on small devices.

    As to the other, try using Firebug to identify which CSS is causing the problems. Also make sure you don't have mark-up or CSS errors that might be problematic. Be aware that twentytwelve is mobile-first, so CSS is a bit different.

    More importantly, you should not make ANY modifications to the default WP theme - but rather use a Child Theme - otherwise your changes will be overwritten and lost when WP is updated. It's also crucial to have a clean copy of the default theme for troubleshooting.

    So I'd suggest you move any changes to a child theme and then compare your site to an unadulterated version of the theme.

Topic Closed

This topic has been closed to new replies.

About this Topic