How Can I Hide The Offcanvas Menu On Desktops And Prevent It From Opening Automatically On Mobile?
Uki MacIsaac
Hi,
We have set up two templates using the Helix Ultimate Framework on our site. However, we are experiencing issues with the transparent header template. The offcanvas menu is currently displaying on all screen sizes, but we only want it to appear on tablets and mobile devices.
While I can hide the offcanvas menu on desktops using CSS, but I want a perminent solution. The offcanvas menu automatically opens on big screen and mobile, which is not the desired behavior.
Could you please guide us on how to fix this? We want the offcanvas menu to be available only on tablets and mobile devices, and it should open only when the burger icon is clicked.
Paul Frankowski
Accepted AnswerOk, found.
There is problem when module "Air Quality Widget" is enabled (published), it causes the JS conflict with our Mobile Menu script. By now I disabled that. And Mobile Menu works OK, as it should.
Decide what to do next with that information.
Paul Frankowski
Accepted AnswerHI Uki,
it should be possible from Template Options > Menu > Offcanvas, as we described in Helix documenation. Have you read that tip?
As I saw, you already disabled [=] from Desktop view :)
Uki MacIsaac
Accepted AnswerThank you for your response. Yes, I’m aware of this tip, but the issue I’m facing is slightly different. The offcanvas menu is still appearing on desktop even after being disabled.
Could you please check the site? Specifically, take a look at the settings of the rhi1889 - transparent header template, as the issue occurs only with this template.
Paul Frankowski
Accepted AnswerShare direct URL to subpage , but as I remember no [=] icon on desktop view.
Please check from 2nd browser to be sure that it's not a cache issue.
Paul Frankowski
Accepted AnswerPlease share direct URL to subpage where you still see [=] on laptop/desktop. Becuase I cannot find any.
Uki MacIsaac
Accepted AnswerPlease check the URL in hedden area, you have to login to the site in order to view the page. Thank you.
Paul Frankowski
Accepted AnswerOh, ok, now I see... weird.
Paul Frankowski
Accepted AnswerI know what is wrong, but I don't know why :/
I wil lthink tomorrow, now is late hour 4 me, and team is off.
Uki MacIsaac
Accepted AnswerThank you
Paul Frankowski
Accepted AnswerVery sorry for the delay, our developer couldn't find a reason of that werid behavior.
I will try other method in next minutes.
It looks like sort of JS conflict becuase of using extra extension on home page only.