Mobile menu is not working

[nodarik]

Mobile dropdown menus are not working:

https://forums.colorlib.com/t/drop-down-menu-not-working/26558/5

Several reports, exact same problem: https://prnt.sc/y0fnfk

[thiagogabriel]

I just fixed it on my blog. I had to update this line

Activello/style.css

Line 1277 in d37710b

.navbar-collapse.collapse {

With:

.navbar-collapse.collapse:not(.show) {

Update

I just created a Pull Request with the fix. The next step is for the project owner to accept it and publish a new version on Wordpress.

In the mean time, you can fix the theme opening https://YOUR_BLOG.COM/wp-admin/theme-editor.php, open the file style.css, which was selected by default for me, and replace .navbar-collapse.collapse { with .navbar-collapse.collapse:not(.show) {.

[yepgit]

This fix is NOT working. Maybe it was working in an older version of the activello theme.
But its not working in Version: 1.4.3

When will this crazy bug be fixed?

[didymos]

SOLUTION:

Apparently the devs ported from Bootstrap 3.6 to 4.0beta. From 4.0, Bootstrap uses popper.js for overlays, which needs to be included seperatly, or else bootstrap will not work correctly. Or you can use the bundled Bootstrap.

Replace bootstrap.min.js with bootstrap.bundle.min.js and add bootstrap.bundle.min.js.map.

Files from bootstrap 4.6 work like a charme for me.

DONE! Also solves the occasionally not working flexslider.

Greetings from adventuremo.de

Sorry, i'm too lazy to create a pull request.. ;)

[tdroxler]

Hi guys, also had that problem.

I did the bootstrap.min.js trick proposed by @didymos, the menu was opening but then closed directly. I then also did the navbar-collapse.collapse from @thiagogabriel and now everything is working.

Thx for your fixes and I hope the devs will fix that soon.

Cheers.

[diwolf12]

Hi
@didymos
How does that trick work exactly? Just delete the old bootstrap files and upload the new ones in the theme folder?
Or do I need to change something in ghe code, too?

thanks, Dietmar

[ComictypX]

This Problem still exists on 1.4.4.
You have to replace bootstrap.min.js with the bootstrap.bundle.min.js (so its still called bootstrap.min.js) and upload additionally bootstrap.bundle.min.js.map.

It worked for me with Bootstap 4.6.1.

After this you have to change .navbar-collapse.collapse { in Activello/style.css with .navbar-collapse.collapse:not(.show) {

[Patrikioo]

Hey folks,
I have the same problem just like @tdroxler. The menu was opening but then closed directly. I tried all the things described in here but nonetheless it didn't work. Have someone a clue, what it's might?

[rewolf]

Having the same issue. I included bootstrap.bundle instead and modified functions.php to load that version instead.
But yeah, the hamburger closes immediately after opening now.

[matriyarka]

Having the same issue. I tried the solutions above but they didn't work. Mobile menu still not working.

[rewolf]

FYI this has been fixed, but doesn't look like it was released.
Here was the commit: 330cd7d
Just make that same change in style.css and it should work. Did for me.
Remember the browser will cache the old style.css, so clear your cache.

Oh I just saw that @ComictypX already mentioned it above and somehow I hadn't seen it. :)

[matriyarka]

Hello, A few hours after I wrote, I fixed the problem. In fact, the methods here work, but bootstrap version had to be compatible. I downloaded bootstrap 3.3.7 version and reload bootstrap css and js files. Then it solved. 😌 30 Eyl 2022 Cum 16:52 tarihinde Andrew Flower ***@***.***> şunu yazdı:

…

FYI this has been fixed, but doesn't look like it was released. Here was the commit: 330cd7d <330cd7d> Just make that same change in style.css and it should work. Did for me. Remember the browser will cache the old style.css, so clear your cache. — Reply to this email directly, view it on GitHub <#139 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A3LKABF2K3VREP6ZZX5WPJTWA3WA3ANCNFSM4W6O4B3A> . You are receiving this because you commented.Message ID: ***@***.***>

[bbeevvoo]

fix still does not work. I have the nav bar showing but when clicked it does nothing. I have boostrap 3.3.7 already loaded and opened the site in incognito to insure there is no cached pages. as well this was changed about 3 months ago for me. This did not work

[ade-x1]

Did you ever solved this? I love this theme, I built the entire site on it before discovering that the menu doesn't expand in the mobile version...

[sonalisarang]

I too struggled with the mobile menu. It is 2024 March and I can affirm that the bootstrap.bundle.min.js worked in showing up the menu. However the code .navbar-collapse.collapse:not(.show) worked only after I cleared the browser cache.

You can check it at Skincarevilla

Thank you.

[princeofsky]

I tried replacing the bootstrap.min.js file in wp-content/themes/activello/assets/js and adding bootstrap.min.js.map in the same directory, using the file from bootstrap 5.3.3, but to no effect.

I also changed .navbar-collapse.collapse { in the style.css. It didn't work either.

Did I miss something?