Mobile TB Megamenu not working with Bootstrap Barrio (Bootstrap 5)

Created on 21 June 2021, about 3 years ago
Updated 27 November 2023, 7 months ago

Good morning,

I'm just starting a project where we're planning on using Bootstrap Barrio (currently using version 5.5.1 with Bootstrap 5) and I'm doing some initial testing of TB Megamenu.

While things appear to be working as expected in desktop responsive mode, when I switch to mobile mode, the hamburger button appears but does not do anything when clicked - no megamenu appears (nor do I see any errors in the javascript console).

I confirmed that the mobile hamburger menu works fine in Bartik.

Thoughts?

-mike

πŸ› Bug report
Status

Active

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States ultimike Florida, USA

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

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • πŸ‡ΊπŸ‡ΈUnited States ultimike Florida, USA

    This issue appears to be solved in the 2.0 branch - patch no longer necessary.

    -mike

  • πŸ‡΅πŸ‡ͺPeru hatuhay Lima

    Bootstrap Barrio theme assume that the theme is handling the main menu rendering.
    Toi avoid conflicts with the theme modify on your subtheme the main navigation markup of your page.html.twig removing all responsive menu rendering markup from line 84, to endup with this simpe code:

    {% if page.primary_menu or page.header_form %}
       {{ page.primary_menu }}
       {% if page.header_form %}
           <div class="form-inline navbar-form justify-content-end">
              {{ page.header_form }}
           </div>
        {% endif %}
    {% endif %}
    
Production build 0.69.0 2024