Theme: Twentytwelve not responsive on iPhone

  • Im working on a blog for a customer and I think because her themes have been changed and fixed so much that twentytwelve is not responsive anymore on the iPhone. The menu won’t toggle and the sidebar shows up on the side. I’m trying to fix it with media queries now, but maybe someone has a simple solution?

    fashionjunkiie.com

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter theas91

    (@theas91)

    Actually, I can see this is happening when I resize the browser on a computer as well, so it must be something I’ve done in the styling. Still hope someone can help!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Which browser does the issue occur in?

    Thread Starter theas91

    (@theas91)

    I’m currently in firefox, but it’s doing the same in safari

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    This bit is showing your menu always:

    .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
...
    display: inline-block !important;
..
}

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    This is causing your sidebar to float to the right:

    .widget-area {
    float: right;
...
}

    Thread Starter theas91

    (@theas91)

    Yes that worked, thank you!
    One more thing, when I resize my browser now, although the sidebar goes to the bottom, there is still empty space where it used to be. How do I get the content to spread across the entire space?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Theme: Twentytwelve not responsive on iPhone’ is closed to new replies.