SOLUTION for MOBILE MENU NOT WORKING

Activello
1

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 Tom

2

Hi Tom,

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

3

Thanks for this information. Very useful.

4

Thank you too and have a good day :slight_smile:

6

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

7

@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

8

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

9

Hi

Talking is about this plugin Maria:

10

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
11

Hey there

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

12

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;
13

Thanks for sharing your solution

Have a good weekend

14

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

My website url: powstancy.wrzesnia-info.com

15

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:

16

Hello everybody,

sbwnm’s solution didn’t work for me either.

No third-party menu plugin in use …

17

okay, sorry didn’t check my configuration …

changed the bootstrap bundles and css,

installed the plugin mentioned above

works now : )

18

Hi

Ok, that’s nice to hear, I will mark this case as resolved for now