How can I hide the offcanvas menu on desktops and prevent it from opening automatically on mobile? - Forum | JoomShaper
Solved Helix Framework

How can I hide the offcanvas menu on desktops and prevent it from opening automatically on mobile?

Asked by Uki MacIsaac 1 year ago Last activity 1 year ago

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.

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
1 year ago · edited

Ok, 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.

15 more replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
1 year ago · edited

HI 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 Asked this
1 year ago

Thank 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.

Uki MacIsaac Asked this
1 year ago

Any update please?

Paul Frankowski Senior Staff
1 year ago · edited

Share 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.

Uki MacIsaac Asked this
1 year ago

I have already checked it is not a browser or cache issue.

Paul Frankowski Senior Staff
1 year ago

Please share direct URL to subpage where you still see [=] on laptop/desktop. Becuase I cannot find any.

Uki MacIsaac Asked this
1 year ago

Please check the URL in hedden area, you have to login to the site in order to view the page.
Thank you.

Paul Frankowski Senior Staff
1 year ago

Oh, ok, now I see... weird.

Uki MacIsaac Asked this
1 year ago

Thank you for prompt reply.
If I try to hide the Offcanvas with CSS it also disaapear from mobile, that is the main problem.

Paul Frankowski Senior Staff
1 year ago

I 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 Asked this
1 year ago

Thank you.

Uki MacIsaac Asked this
1 year ago

Hi Paul,
Reminder.
Please help me fix this issue.
Thank you.

Log in to reply.