menu not working on mobile devices

8 replies · opened Sep 27, 2023

LlensmithSep 27, 2023

I am in the process of designing a new website using Canvas and whilst it all seems to look great on desk top computer when I upload to web for checking I am finding that when viewed on mobile devices I am not seing the menu. What have I done wrong? I have added the url for the home page so you can see what i mean. You will find however that there no links for other pages.
Appreciate your help
Regards
Len Smith

SSemicolon WebSTAFFSep 27, 2023

Hello,

The Codes used for the .primary-menu-trigger DIV is from the Older Version which is why it does not work. Simply copy/paste the .primary-menu-trigger DIV codes from the Newer Version and this will be automatically resolved.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

LlensmithSep 27, 2023

Brilliant thanks
knew I was doing something wrong

Len

LlensmithSep 27, 2023

Mmmmm tried that but still not working for some reason

Len Smith

SSemicolon WebSTAFFSep 27, 2023

Hello,

We can still see the Old Codes on the Live URL. Make sure you update the Codes on the Live URL so that we can assist further. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

LlensmithSep 27, 2023

I am putting in menu trigger from latest version block navigation mega 3 is that correct this is the one
<div class="primary-menu-trigger">
<svg class="svg-trigger" viewBox="0 0 100 100">
<path
d="m 30,33 h 40 c 3.722839,0 7.5,3.126468 7.5,8.578427 0,5.451959 -2.727029,8.421573 -7.5,8.421573 h -20">
</path>
<path d="m 30,50 h 40"></path>
<path
d="m 70,67 h -40 c 0,0 -7.5,-0.802118 -7.5,-8.365747 0,-7.563629 7.5,-8.634253 7.5,-8.634253 h 20">
</path>
</svg>
</div>

Regards
Len

SSemicolon WebSTAFFSep 28, 2023

Hello,

Thanks for your Patience!

Apologies! There was a bug in the codes. Consider using this instead:

<div class="primary-menu-trigger">
	<button class="cnvs-hamburger" type="button" title="Open Mobile Menu">
		<span class="cnvs-hamburger-box"><span class="cnvs-hamburger-inner"></span></span>
	</button>
</div>

This will definitely work fine. We will fix this right away and release an Update. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

LlensmithSep 28, 2023

Yep that works fine now, thanks very much.
These things happen you cant get everything right. And I love Canvas
Once again many thanks for your help it is much apprecaited
Regards
Len Smith

SSemicolon WebSTAFFSep 28, 2023

Glad the issues were resolved.

Thank You so much for the Kind Words! :) We will keep improving and eliminate these bugs.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard