Responsive menu?

  • https://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)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    but there’s just an unresponsive menu

    When, at what width of the browser?

    Thread Starter Artisan Internet

    (@artinet)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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;
 }
}

    Thread Starter Artisan Internet

    (@artinet)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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.

    Thread Starter Artisan Internet

    (@artinet)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Excellent.

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