mobile and ipad menu pb with child twenty twelve

  • Hi,

    https://www.farmaciachavesmejorada.com
    I have this wordpress with twenty twelve and a child theme installed.
    Everything ok except the dropdown menu that is already open in mobile device.I’d like to only see the menu button and that all menu titles be hidden before to clic on button menu.

    in tablets the menu is appearing above the header image when it should be under it as you can see on a computer.

    I changed the place of <nav id=”site-navigation” …….
    </nav><!– #site-navigation –>
    in the header.php of my child theme.

    could you please help me?

    Thanks
    Regards

Viewing 3 replies - 1 through 3 (of 3 total)

  • At the mobile breakpoint your menu needs to be hidden using CSS.

    The button is adding the class “toggled-on” to your menu when it is clicked. You will need to use this class in your CSS to make the menu appear.

    Be sure you only do this in you mobile media queries, or your menu will be hidden on desktop as well… Just to help you, the button appears when the browser width reaches anything below 600px.

    Thread Starter marj_O

    (@marj_o)

    thank for your quick answer.
    what is the exact code line I have to write and in which file for mobile media queries?
    Thanks

    Thread Starter marj_O

    (@marj_o)

    Hi,

    Someone could help me with a problem I have with my header and menu presentation that is ok on my computer as you can see here:
    https://www.farmaciachavesmejorada.com

    but it’s going bad in mobile
    https://www.farmaciachavesmejorada.com/img/iphone.PNG
    and tablet
    https://www.farmaciachavesmejorada.com/img/ipad.PNG

    1. I have created a child theme with css and header.php in which I invert menu navigation with header img, it is working on computer but not on mobile and ipad.

    2. the menu button on mobile is already displaying the sections

    3. the menu is no more centered in ipad

    Anyone can help me please?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘mobile and ipad menu pb with child twenty twelve’ is closed to new replies.