Hi I create a canva onepage template using demo-real-estate
On mobile version when I click on the items of the menu, the menu doesn't disappear.
Another problem: when I click on the menu item, it doesn't give me the correct position, but a few pixel lower.
Thanks
I correct the position after the click by adding this code to section
margin-top:-120px; padding-top:120px
At the moment I don't find the solution to close the mobile menu after a click
Hello,
Apologies for the Inconveniences caused!
The Codes you are using are incorrect for the One Page Menus. Consider using the following replacing the old codes:
<ul class="one-page-menu menu-container">
<li class="menu-item current"><a class="menu-link" href="#top" data-href="#top"><div>Home</div></a></li>
<li class="menu-item"><a class="menu-link" href="#tipologie" data-href="#tipologie"><div>Tipologie</div></a></li>
<li class="menu-item"><a class="menu-link" href="#foto" data-href="#foto"><div>Galleria fotografica</div></a></li>
<li class="menu-item"><a class="menu-link" href="#contatti" data-href="#contatti"><div>Posizione</div></a></li>
<li class="menu-item"><a class="menu-link" href="#contatti" data-href="#contatti"><div>Contatti</div></a></li>
</ul>The Offset will set automatically based on the Sticky Menu Position or you can also define your Custom Offsets using:
<ul class="one-page-menu menu-container" data-offset="80">or Individually for the Menu Items:
<li class="menu-item"><a class="menu-link" href="#tipologie" data-href="#tipologie" data-offset="100"><div>Tipologie</div></a></li>Using the Above Codes should also close the Menus on Scroll on Mobile Devices. Consider check the Live Previews here: https://canvastemplate.com/op-index.html .
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
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