Hi,
In my left menu container div, I've added the data-scrollto="#music" attribute to my "Music" menu list item tag.
Inside of my section content tag, I have a nested div element with the id attribute and attribute value music.
When I click on the list item "Music" from the left menu, it does not go to the div tag with the id attribute value music. What am I missing?
Thanks
Hello,
Apologies for the Inconveniences caused!
This issue appears to be due to the usage of .on-click Class on the Primary Menus which disables the data-scrollto interaction. We recommend using this code instead:
<!-- Primary Navigation
============================================= -->
<nav class="primary-menu on-click">
<ul class="menu-container one-page-menu" data-easing="easeInOutExpo" data-speed="1500">
<li class="menu-item"><a class="menu-link" href="index.html"><div>Home</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Bio</div></a></li>
<li class="menu-item"><a class="menu-link" href="#" data-href="#music"><div>Music</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Videos</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Connect</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="https://facebook.com/imcamg"><div><i class="icon-facebook"></i>Facebook</div></a></li>
<li class="menu-item"><a class="menu-link" href="https://twitter.com/imcamg"><div><i class="icon-twitter"></i>Twitter</div></a></li>
<li class="menu-item"><a class="menu-link" href="https://soundcloud.com/imcamg"><div><i class="icon-soundcloud"></i>Soundcloud</div></a></li>
<li class="menu-item"><a class="menu-link" href="https://youtube.com/@imcamg"><div><i class="icon-youtube"></i>YouTube</div></a></li>
<li class="menu-item"><a class="menu-link" href="https://instagram.com/imcamg"><div><i class="icon-instagram"></i>Instagram</div></a></li>
<li class="menu-item"><a class="menu-link" href="https://tiktok.com/@imcamg"><div><i class="icon-tiktok"></i>Tiktok</div></a></li>
<li class="menu-item"><a class="menu-link" href="mailto:camg@camgofficial.com"><div><i class="icon-email3"></i>Email</div></a></li>
</ul>
</li>
</ul>
</nav><!-- #primary-menu end -->This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
That worked for me. Thank you.
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