Issues with Twenty Twelve layout on mobile devices

  • 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:

    https://ushousingco.com/news/

    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!

Viewing 1 replies (of 1 total)

  • 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.

Viewing 1 replies (of 1 total)
  • The topic ‘Issues with Twenty Twelve layout on mobile devices’ is closed to new replies.