SOLUTION for MOBILE MENU NOT WORKING

Since the last update in Feb 2021, the mobile menu doesn’t work anymore!
There’s an error in the bootstrap implementation of the latest update of this theme, as the devs upgraded from 3.6 to 4.0.

QUICK SOLUTION:

  1. Go to Download · Bootstrap v4.6
  2. Download Compiled CSS and JS.
  3. Unzip the file
  4. in the resulting folder navigate to /js/
  5. Delete bootstrap.min.js and rename bootstrap.bundle.min.js to bootstrap.min.js
  6. Use your favourite FTP tool to upload your local “bootstrap.min.js” and replace “bootstrap.min.js” in the folder /wp-content/themes/activello/js/vendor/ in your wordpress installation on your webserver.

Dirty but DONE!

CLEAN SOLUTION:

  1. Download Bootstrap 4.6 (see link above)
  2. Download Compiled CSS and JS.
  3. Unzip the file
  4. in the resulting folder navigate to /js/
  5. Use your favourite FTP tool to upload “bootstrap.bundle.min.js” and “bootstrap.bundle.min.js.map” to the folder /wp-content/themes/activello/js/vendor/ in your wordpress installation on your webserver
  6. Change`the line 203 of activellos finctions.php from:

wp_enqueue_script( 'activello-bootstrapjs', get_template_directory_uri() . '/assets/js/vendor/bootstrap.min.js', array( 'jquery') );

to

p_enqueue_script( 'activello-bootstrapjs', get_template_directory_uri() . '/assets/js/vendor/bootstrap.bundle.min.js', array( 'jquery') );
ope that the devs include the solution in the next release :wink:

Cheers from adventuremo.de,
Tom

Hi Tom,

Huge thanks from all Colorlib community for sharing such a useful information

Thanks for this information. Very useful.

Thank you too and have a good day :slight_smile:

Unfortunately, it doesn’t work for me. I did the first option and nothing changes… any idea?
thanks!

@caminitosdelmundo hi

May I see the resilt? please install plugin and let me see it, it worked for anyone with this theme, please verify your setup

Hi, which plugin should I install? What I did is to dowload the file and change it as Tom explained.
thanks!
Maria

Hi

Talking is about this plugin Maria:

In our case this almost helped. The menu is visible for a short time and than disappears again. (and bootstrap was online 200 but that is minor detail). What else is needed to solve this?

1 Like

Hey there

let me see it, please provide website url and I will check it

https://sancini.ch

We were able to solve this bei removing !important

style.css:

@@ -1358,7 +1358,7 @@ ul.nav.activello-mobile-menu li.menu-item-has-children > ul.dropdown-menu.active
        float: none;
     }
     .navbar-collapse.collapse {
-           display: none !important;
+           display: none;
        }
        .navbar-collapse.collapse.in {
                display: block !important;

Thanks for sharing your solution

Have a good weekend

The sbwnm’s solution don’t work for me.

My website url: powstancy.wrzesnia-info.com

Hi there

I see you are already using a third-party menu plugin, do you have any problems?

By the way, it’s better to start a new ticket in this case :wink: