Responsive Menu

  • Resolved erincityguide

    (@erincityguide)


    8 years, 6 months ago

    When viewed on a mobile device, the menu stays visible (stacked) and the toggle icon is placed above the navigation menu, but doesn’t contain any menu items. Any ideas why the toggle doesn’t contain the menu items?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Evan Herman

    (@eherman24)

    8 years, 6 months ago

    Hi Hi @erincityguide,

    It looks like the menu is visible on mobile devices because you have some custom styles in there that are making the menu visible.

    It looks like the following bit of CSS is the culprit:

    .main-navigation {
  font-size: 2.25rem;
  font-weight: 300;
  display: block;
}

    You should be able to remove the display: block; bit from the code block, and things should work just fine.

    Let us know if that works.

    Evan

    Thread Starter erincityguide

    (@erincityguide)

    8 years, 5 months ago

    Yes! Thank you, I didn’t see that. Worked perfectly.

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

The topic ‘Responsive Menu’ is closed to new replies.