Off canvas toggle needs multiple clicks to open

Support
#1

Hi
first: thank you for the latest updates - great stuff again!
But since then I have a strange issue:
The off canvas toggle for my sticky menu needs multiple clicks to open.
Only at the 13th click it does open.
The JS console says:
“Unhandled Promise Rejection: AbortError: The operation was aborted.”
Hope you can help!
Kind regards,
Hannes

RE: Off canvas toggle needs multiple clicks to open
#2

Hello Hannes,

Thanks for writing to us.

I checked your given site URL it seems that the off-canvas toggle is working fine on my end. I have tested it on the Google Chrome browser version 119.0.6045.159. It might be the issue of the browser cache I would suggest you please clear your browse cache and recheck it. If the issue persists please let us know the browser and its version so that we can check it on our end.

Thanks

#3

Thank you.
Now it works.
No idea why, I emptied the browser cache of course first.
The issue was on several days after updating everything and clearing the cache.
Kind regards,
Hannes

#4

OK, now I am a little bit closer: it is reproducible.
I use Safari on a MacBook, latest versions.
Opening the Page: Menu modal WORKS.
Opening the Page in CS: Menu modal WORKS NOT (>13 clicks necessary) and after this in another tab the frontend page does NOT WORK, too (13 clicks necessary).
Clearing the bowser cache does NOT HELP.
On Chrome browser on Macbook it WORKS.
Here is something going on.

#5

Hello @salilou,

I would suggest you please go to the Header -->Bar —>Container —>set the container z-index as 999 where you have added the Off-canvas element.

customheader-Header-Cornerstone
customheader-Header-Cornerstone642×1106 37.8 KB

Thanks

#6

Thank you, but this did not have a visible effect.

#7

Hey @salilou,

This happens on my end on Windows Chrome but only on first load (incognito). This might be related to Font Awesome issues recently. Would you mind upgrading to Pro 6.4.5 and see if it helps.

Thanks.

#8

I updated to Pro 6.4.5, unfortunately without success.

#9

Hey @salilou,

I was the only one who was able to replicate the issue previously but now, your menu opens up just 1 tap. On mobile, it will open provided that resources in your site already is already loaded which is normal.

Please clear your browser cache and also check in incognito. I tested in incognito to ensure my test would not be affected by browser cache.

#10

Thank you.
On Firefox it works now.
But on Safari it does not.
Maybe it depends on the little modal in the footer.
Please see screenshot in secure note.
Menu modal and footer nodal, both do not work on Safari.
Kind regards,
Hannes

#11

Hey @salilou,

It works in Safari. Please clear your browser cache.

#12

Thank you.
I DID clear the browser cache (of course).
But it does not work in Safari.
As you can see in this video, I have to klick several times in the header menu toggle without success.
Then I scroll down to the footer modal and after several clicks only it comes up.
Then finally the header menu modal works, too.

Kind regards,
Hannes

#13

I actually don’t see the button at all when I view your site. I would work on the spacing of this header and see why it’s doing that. If I had to guess what your seeing, is that the page is loading so slow that the button isn’t ready to be clicked when yous see the page. When we do see the button it works fine though. That video didn’t work for us unfortunately. Also try adding a z-index to the off-canvas toggle. Happy Holidays!

image

#14

Thank you.
You can see the video here
Setting the container of the header menu Modal to z.index: 9999 and
Setting the container of the footer heart Modal to z.index: 9999
did not succeed.

#15

Hello Hannes,

Try setting the the z-index of the header to 9999 while the footer is only at 9990. This would make sure that the footer will always be behind the header.

Kindly let us know how it goes.

#16

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.