Responsive menu is missing

Created on 17 September 2024, about 2 months ago
Updated 20 September 2024, about 2 months ago

Problem/Motivation

I have created a MB subtheme and built it with Yarn. Everything seems working except for the responsiveness of the main menu. The hamburger toggle ist not showing up and the navbar doesn't collapse. What am I missing? The demo site has that feature.

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

💬 Support request
Status

Active

Version

2.0

Component

User interface

Created by

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @janc48
  • 🇬🇪Georgia iamdroid

    Hi @janc48,

    First of all, if you are using version 2.x, I'd recommend to upgrade to 3.0.0. It is much more stable and doesn't require additional actions to update.

    The next step is to check the doc for the navbar and for the drawer or overlay, depending on the mobile menu style.

    Basically to make it work 3 steps need to be done:

    1. Put a toggle button in the Navabar region
    2. Put a menu block into the drawer/overlay region
    3. Hide desktop navigation for small screens in any way you like (CSS, JS, block class, whatever)

    As an example for step 1, you can check this template.

    Make sure the button has class overlay-open__button or drawer-open__button depending on the mobile menu style.

    Good luck.

  • Works like a charm, thank you!
    There is a minor issue with drawer menu. When I click the accordion of second level menus the drawer closes an I have to reopen it to click the link.

  • By the way I had v2 installed because I followed the installtion docs. Maybe it's worth updating them.

Production build 0.71.5 2024