Viewing 1 replies (of 1 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    To target the mobile menu <div> wrapping element:

    .main-small-navigation .menu

    To target the mobile menu <ul> element:

    .main-small-navigation .menu ul

    To target the mobile menu <li> elements:

    .main-small-navigation .menu li

    To target the mobile menu <a> elements:

    .main-small-navigation .menu a

    Wrap all of those styles in a media query:

    @media screen and ( max-width: 800px )

Viewing 1 replies (of 1 total)
  • The topic ‘Stlying the mobile menu with CSS’ is closed to new replies.