Responsive menu?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years ago

    but there’s just an unresponsive menu

    When, at what width of the browser?

    Thread Starter Artisan Internet

    (@artinet)

    13 years ago

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter Artisan Internet

    (@artinet)

    13 years ago

    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

    13 years 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.

    Thread Starter Artisan Internet

    (@artinet)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years ago

    Excellent.

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

The topic ‘Responsive menu?’ is closed to new replies.