WordPress.org

Support

Support » Themes and Templates » Lugada » [Resolved] Responsive menu?

[Resolved] Responsive menu?

  • http://www.mgccyregister.com/wp/ – the menu turns into a button called MENU (DROPDOWN) when the website is viewed on an iPhone, but there’s just an unresponsive menu like the one on the full-sized website when viewed on an Android tablet. The site is using the standard horizontal menu that came with the theme.

    Any idea how I can make the tablet version of the menu fully responsive?

Viewing 7 replies - 1 through 7 (of 7 total)
  • but there’s just an unresponsive menu

    When, at what width of the browser?

    About an hour ago, on a Nexus 7 tablet, which is 1200×800 resolution.

    Try adding this CSS

    @media only screen ( max-width: 1200px ) {
     #topmenu select {
      display: block;
      padding: 10px 0;
      background: #FFF;
      border: none;
      font-size: 13px;
      color: #333;
      font-family: 'Lato',sans-serif;
      font-weight: 400;
      letter-spacing: 1px;
      text-transform: uppercase;
     }
    
     #topmenu ul {
      display: none;
     }
    }

    That didn’t seem to help unfortunately. What triggers the button called MENU (DROPDOWN) when the website is viewed on an iPhone (3GS – 480×320 resolution)?

    It’s already called when the page is loaded. It’s just hidden.
    It’s just made visible at a certain screen size and the normal menu is hidden.

    It’s working now – I’ve just figured out that the first line I was given above should have been @media only screen and ( max-width: 1200px ) {

    Excellent.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Resolved] Responsive menu?’ is closed to new replies.
Skip to toolbar