Level 2 Item not showing if it has children at level 3. #19

asifpix · 2021-10-02T07:11:39Z

Hello Alex,
Hope you are doing well. I have encountered an issue today.

If you have any 3rd level menu item then it's immediate parent item will not show. To get understand the issue I have attached 2 screenshots. On 2nd screenshot of front-end you can see that, the "Level 2" menu item is not showing because of it has children. "Level 2a" and "Level 2b" are showing properly because of they don't have any children items.

I have fixed the issue already on my side.

Best Regards
Asif

DrogoNevets · 2021-11-12T16:33:03Z

having same issue - it is because of the dropdown menu css class being display: none

attempting to find a fix

Kemal-Sulic · 2021-11-14T02:53:54Z

I'll take a closer look in the near future, but if you're still having issues, there's a small hotfix for customers/admins to not mess up the menu by hooking into nav-menus.php.

AlexWebLab · 2021-11-15T02:08:50Z

@asifpix
Feel free to create a pull request with the fix. I will not fix this because it's not a bug for the scope of the project since Bootstrap 5 doesn't support 3 levels menu.

DrogoNevets · 2021-11-23T14:49:16Z

@AlexWebLab I can create a fix, however needs JS and CSS is this ok?

AlexWebLab · 2021-11-24T03:28:21Z

@AlexWebLab I can create a fix, however needs JS and CSS is this ok?

Yeah you can share. Maybe I'll make a branch for that.

beshealthcare · 2022-03-03T15:12:57Z

Having same issue whereby third level isn't displaying as depicted above, is there a fix for this yet?

DrogoNevets · 2022-03-03T15:34:13Z

I am still working on this amongst my day job.
It is probably good enough tbh - but want to have a little play around more

I am using it here if you are happy with that I can create a fork and PR and see what @AlexWebLab thinks, but need to think about the package for it a little too

beshealthcare · 2022-03-03T15:48:33Z

Hi @DrogoNevets - Your version seems to achieve the desired effect, so I would be more than happy to use that over what I have. The only thing i'd change for my personal requirement is to have the menu's open on mouseover rather than click on desktop, with open on click for mobile.

I still can't understand why Bootstrap and Wordpress can't work together to fix this issue.

DrogoNevets · 2022-03-03T15:58:30Z

I am away over the weekend, will try and start the packaging and PR process by next weekend for everyone

AlexWebLab · 2022-03-05T08:08:16Z

I am still working on this amongst my day job. It is probably good enough tbh - but want to have a little play around more

I am using it here if you are happy with that I can create a fork and PR and see what @AlexWebLab thinks, but need to think about the package for it a little too

I'm totally okay but NOT with open on hover.

justinb40 · 2022-03-28T21:50:02Z

@DrogoNevets any progress? I've also run into a use case that could use this fix.

asifpix · 2022-04-02T07:02:46Z

Hello @AlexWebLab

I have created a pull request with the fix.

cdsaenz · 2022-05-08T17:20:44Z

To avoid breaking anything in the current implementation (following Bootstrap design) , after a big effort I came up with a solution ~~, by basically taking Alex's code and overriding display_element and removing the $depth check (could be added back with a different parameter).~~ Also added some css classes here and there. It's all in the GIST link below (in the code, a link to the CSS too). Just finished, could be rough, so test it out, but here it works fine! UPDATE: it was mostly CSS. Call with $depth 3 or more!
https://gist.github.com/cdsaenz/d6d65294d79a0b71b95c55a4bbd47f7d

justinb40 · 2022-05-12T18:33:54Z

@cdsaenz this seems to work on desktop, but on mobile the menu immediately closes before it can open the third level.

cdsaenz · 2022-05-12T19:11:53Z

@cdsaenz this seems to work on desktop, but on mobile the menu immediately closes before it can open the third level.

Thanks a lot Justin! Didn't have time to check the mobile menu. More CSS required, will see to that!

cdsaenz · 2022-05-12T23:07:26Z

@cdsaenz this seems to work on desktop, but on mobile the menu immediately closes before it can open the third level.
The solution as nicely stated in https://stackoverflow.com/a/18024991/827376 where I took some of the code, works either with some javascript or via hover "expanding" (display none to block) . As Alex I don't like the hover solution that much :) But that's how I left it in the CSS gist for now.

UPDATE: I think I found the culprit :) These lines in theme.js are hiding the canvas when clicking on the next level. Without these lines you don't need the hover open, but obviously they're used for something else. Need to see why I'm getting caught by this query and avoid it.

$('.offcanvas a:not(.dropdown-toggle):not(a.remove_from_cart_button), a.dropdown-item').on('click', function() {
         $('.offcanvas').offcanvas('hide');
});

jakenCD · 2022-08-04T16:07:35Z

Hi guys, how is this fix going? I'm not liying if I say I've been weeks looking for a fix and this is where the fix is almost found. The solutions of @DrogoNevets almost does it (except the hover issue mentioned by @AlexWebLab ). Is there any plan of publishing it?

Thnks so much

imanishpushkar · 2022-09-01T12:15:43Z

find the fix here https://github.com/imanishpushkar/bs5-navwalker

jakenCD · 2022-09-03T18:31:36Z

Thanks! On dj., de set. 1, 2022 at 14:15, Manish ***@***.***> wrote: find the fix here https://github.com/imanishpushkar/bs5-navwalker — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you commented.Message ID: ***@***.***>

jakenCD · 2022-09-06T08:30:55Z

Just tried it. It works, at first sight, beautifully. THANKS En sábado, 3 de septiembre de 2022, 20:31:21 CEST, jordi cd ***@***.***> escribió: Thanks! On dj., de set. 1, 2022 at 14:15, Manish ***@***.***> wrote: find the fix here https://github.com/imanishpushkar/bs5-navwalker — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you commented.Message ID: ***@***.***>

jakenCD · 2022-09-06T09:16:40Z

Sorry to bother you again. I've inspected the element and in device it doesn't load the 3rd level of the menu. I copied your exact code and the problem persisted. I do not get what's wrong traveladic.com En martes, 6 de septiembre de 2022, 11:02:42 CEST, jordi cd ***@***.***> escribió: Actually, I just tried it with the phone and the 3rd level is not opening. En martes, 6 de septiembre de 2022, 10:30:48 CEST, jordi cd ***@***.***> escribió: Just tried it. It works, at first sight, beautifully. THANKS En sábado, 3 de septiembre de 2022, 20:31:21 CEST, jordi cd ***@***.***> escribió: Thanks! On dj., de set. 1, 2022 at 14:15, Manish ***@***.***> wrote: find the fix here https://github.com/imanishpushkar/bs5-navwalker — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you commented.Message ID: ***@***.***>

imanishpushkar · 2022-09-11T04:38:36Z

@jakenCD I have written steps too, follow them, clear your cache, it will work.

rickywebmaster · 2022-09-19T11:04:16Z

@imanishpushkar working for me, thanks

jakenCD · 2022-09-19T11:54:06Z

It worked like a charm. Thanks! On dl., de set. 19, 2022 at 13:04, ***@***.***> wrote: @imanishpushkar working for me, thanks — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you were mentioned.Message ID: ***@***.***>

jakenCD · 2022-10-11T06:54:49Z

Sorry, it was my fault. I have the device menu inserted in a modal. That is the problem. Trying to solve it. En martes, 6 de septiembre de 2022, 11:16:34 CEST, jordi cd ***@***.***> escribió: Sorry to bother you again. I've inspected the element and in device it doesn't load the 3rd level of the menu. I copied your exact code and the problem persisted. I do not get what's wrong traveladic.com En martes, 6 de septiembre de 2022, 11:02:42 CEST, jordi cd ***@***.***> escribió: Actually, I just tried it with the phone and the 3rd level is not opening. En martes, 6 de septiembre de 2022, 10:30:48 CEST, jordi cd ***@***.***> escribió: Just tried it. It works, at first sight, beautifully. THANKS En sábado, 3 de septiembre de 2022, 20:31:21 CEST, jordi cd ***@***.***> escribió: Thanks! On dj., de set. 1, 2022 at 14:15, Manish ***@***.***> wrote: find the fix here https://github.com/imanishpushkar/bs5-navwalker — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you commented.Message ID: ***@***.***>

jakenCD · 2022-10-11T07:46:52Z

Actually, I just tried it with the phone and the 3rd level is not opening. En martes, 6 de septiembre de 2022, 10:30:48 CEST, jordi cd ***@***.***> escribió: Just tried it. It works, at first sight, beautifully. THANKS En sábado, 3 de septiembre de 2022, 20:31:21 CEST, jordi cd ***@***.***> escribió: Thanks! On dj., de set. 1, 2022 at 14:15, Manish ***@***.***> wrote: find the fix here https://github.com/imanishpushkar/bs5-navwalker — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you commented.Message ID: ***@***.***>

thewebsitetoday · 2022-10-13T11:15:16Z

Thanks @imanishpushkar

robialfaro · 2023-02-21T22:41:39Z

Thanks @imanishpushkar

saleem-faeq · 2024-12-14T18:50:34Z

bootstrap 5 multi level menu not working in wordpress theme

cdsaenz mentioned this issue May 8, 2022

bootstrap_5_wp_nav_menu_walker bootscore/bootscore#11

Closed

crftwrk mentioned this issue Jun 3, 2022

Mega menu bootscore/bootscore#162

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Level 2 Item not showing if it has children at level 3. #19

Level 2 Item not showing if it has children at level 3. #19

asifpix commented Oct 2, 2021 •

edited

Loading

DrogoNevets commented Nov 12, 2021

Kemal-Sulic commented Nov 14, 2021

AlexWebLab commented Nov 15, 2021

DrogoNevets commented Nov 23, 2021

AlexWebLab commented Nov 24, 2021

beshealthcare commented Mar 3, 2022

DrogoNevets commented Mar 3, 2022

beshealthcare commented Mar 3, 2022 •

edited

Loading

DrogoNevets commented Mar 3, 2022

AlexWebLab commented Mar 5, 2022 •

edited

Loading

justinb40 commented Mar 28, 2022

asifpix commented Apr 2, 2022

cdsaenz commented May 8, 2022 •

edited

Loading

justinb40 commented May 12, 2022

cdsaenz commented May 12, 2022

cdsaenz commented May 12, 2022 •

edited

Loading

jakenCD commented Aug 4, 2022

imanishpushkar commented Sep 1, 2022

jakenCD commented Sep 3, 2022 via email

jakenCD commented Sep 6, 2022 via email

jakenCD commented Sep 6, 2022 via email

imanishpushkar commented Sep 11, 2022

rickywebmaster commented Sep 19, 2022

jakenCD commented Sep 19, 2022 via email

jakenCD commented Oct 11, 2022 via email

jakenCD commented Oct 11, 2022 via email

thewebsitetoday commented Oct 13, 2022

robialfaro commented Feb 21, 2023

saleem-faeq commented Dec 14, 2024 •

edited

Loading

Level 2 Item not showing if it has children at level 3. #19

Level 2 Item not showing if it has children at level 3. #19

Comments

asifpix commented Oct 2, 2021 • edited Loading

DrogoNevets commented Nov 12, 2021

Kemal-Sulic commented Nov 14, 2021

AlexWebLab commented Nov 15, 2021

DrogoNevets commented Nov 23, 2021

AlexWebLab commented Nov 24, 2021

beshealthcare commented Mar 3, 2022

DrogoNevets commented Mar 3, 2022

beshealthcare commented Mar 3, 2022 • edited Loading

DrogoNevets commented Mar 3, 2022

AlexWebLab commented Mar 5, 2022 • edited Loading

justinb40 commented Mar 28, 2022

asifpix commented Apr 2, 2022

cdsaenz commented May 8, 2022 • edited Loading

justinb40 commented May 12, 2022

cdsaenz commented May 12, 2022

cdsaenz commented May 12, 2022 • edited Loading

jakenCD commented Aug 4, 2022

imanishpushkar commented Sep 1, 2022

jakenCD commented Sep 3, 2022 via email

jakenCD commented Sep 6, 2022 via email

jakenCD commented Sep 6, 2022 via email

imanishpushkar commented Sep 11, 2022

rickywebmaster commented Sep 19, 2022

jakenCD commented Sep 19, 2022 via email

jakenCD commented Oct 11, 2022 via email

jakenCD commented Oct 11, 2022 via email

thewebsitetoday commented Oct 13, 2022

robialfaro commented Feb 21, 2023

saleem-faeq commented Dec 14, 2024 • edited Loading

asifpix commented Oct 2, 2021 •

edited

Loading

beshealthcare commented Mar 3, 2022 •

edited

Loading

AlexWebLab commented Mar 5, 2022 •

edited

Loading

cdsaenz commented May 8, 2022 •

edited

Loading

cdsaenz commented May 12, 2022 •

edited

Loading

saleem-faeq commented Dec 14, 2024 •

edited

Loading