Support » Themes and Templates » [Twenty Twelve] Menu placement on iPad – responsive width?

  • Hello. I’m working on this site, http://vingslag-rehab.se/. I’m a beginner by the way. Anyway, I’ve run in to a problem that can’t seem to be googled.
    On a “normal” screen the menu is placed to the right, and that’s the way I want it. But on a iPad, for example, the menu is squeezed to the left, and thus placed right over the logo. Looks horrible of course. Is there some way to make the position of the menu “responsive”, so that the iPad “squeeze” only moves the menu a little bit further to the left, closer to the logo, instead of aligning it all the way to the left?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Edde Poon

    (@partyforeplay)

    Are you talking about the menu button that shows up?

    Edde Poon

    (@partyforeplay)

    .menu-toggle {
    float: right;
    }

    put that in your child theme.

    Thank you, but that didn’t seem to do anything I’m afraid. I’m not talking about the button (which I hate by the way), I’m talking about the placement of the menu. I just want it to stay to the right when viewed on an iPad.

    Edde Poon

    (@partyforeplay)

    I went through all the sizes and it always stay to the right. Only time it changes is when the menu-button shows up under 600px width.

    Yeah, when iPad is emulated within Chrome inspector it looks right, but not on a real iPad.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Twenty Twelve] Menu placement on iPad – responsive width?’ is closed to new replies.