Hello Chris,

Apologies for the inconvenience. Please ensure that the Menu Type is set to Mega Menu in Template Options → Menu → Mega Menu settings. You can see an example here: https://prnt.sc/0oV8YiDosqt5.

For more details on configuring the Mega Menu, you can refer to the documentation here: https://www.joomshaper.com/documentation/helix-framework/menu-navigation#mega-menu.

Once this is set correctly, the mobile menu bars should only appear on mobile devices as expected.

Best regards

Hi Chris,

[=] Menu is from Template, not SPPB Pro, so no relation with used version of component.

If above tip (shared by @Atick) will not help, please use this Custom CSS:

@media screen and (min-width: 1200px) {
body.ltr #offcanvas-toggler.offcanvas-toggler-left {visibility: hidden;}
}

and all will be OK, today and in the future days.

Ok. So I should probably clarify that I had a developer create these sites. According to him, he used a lot of custom CSS. I am an IT infrastructure guy by trade not a developer but I'm sure I can easily learn. ;)

It's just strange to me that after upgrading from SPPB 5.72 to 6 these bars are now showing up when they weren't there before...

Nevertheless, the Mega Menu setting is 'Mega Menu & Off-Canvas.' Can you please tell me where I should check for this 'custom CSS' or where I need to add it?

Thanks!

Read Helix Documenation (easy lecture) >> https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

About Mega Menu setting is 'Mega Menu & Off-Canvas' it should be "Mega Menu" only (!) Then Menu will be displayed on Dekstop, and Off-Canvas on Mobile view only. Also described in Helix Documenation.

Thanks Paul. Changing that worked on dev.

Oddly enough, that mega menu & off canvas setting is configured that same way on prod but the hamburger menu does not display on a desktop browser in prod. Any idea why?

About which domain we are talking about?

Becuase also here seems to be OK (your production, Mobile Emulator)