WordPress.org

Ready to get started?Download WordPress

Forums

Lugada
[resolved] Responsive menu? (8 posts)

  1. Artinet
    Member
    Posted 2 years ago #

    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?

  2. Andrew
    Forum moderator
    Posted 2 years ago #

    but there's just an unresponsive menu

    When, at what width of the browser?

  3. Artinet
    Member
    Posted 2 years ago #

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

  4. Andrew
    Forum moderator
    Posted 2 years ago #

    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;
     }
    }
  5. Artinet
    Member
    Posted 1 year ago #

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

  6. Andrew
    Forum moderator
    Posted 1 year ago #

    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.

  7. Artinet
    Member
    Posted 1 year ago #

    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 ) {

  8. Andrew
    Forum moderator
    Posted 1 year ago #

    Excellent.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic