Canvas Support

Current Submenu

1 reply·opened May 25, 2021
J
jesusdelagarzaMay 25, 2021

Hi,

How can I implement the current class in the menu?

On the previous version I used to have this:

<li class="current sub-menu"><a href="//mundoregio.com/comunidad/" class="sf-with-ul"><div>Comunidad</div></a>
<ul style="display: none;">
<li class=""><a href="//mundoregio.com/foro/blogs/"><div><i class="icon-stack"></i>Blogs</div></a></li>
<li><a href="//mundoregio.com/foro/calendar/"><div><i class="icon-stack"></i>Calendario</div></a></li>
<li><a href="//mundoregio.com/foro/clubs/"><div><i class="icon-stack"></i>Clubs</div></a></li>
<li><a href="//mundoregio.com/foro/gallery/"><div><i class="icon-stack"></i>Galeria</div></a></li>
<li><a href="//mundoregio.com/foro/"><div><i class="icon-stack"></i>Foros</div></a></li>
</ul>
</li>

But I can't figure it out or find the refefrence for this on the latest version.

Thanks

S
SemiColonWebSTAFFMay 25, 2021

Hello,

Simply add the .current Class to the .menu-item you wish to highlight. Example:

<li class="menu-item current">
	<a class="menu-link" href="index.html"><div>Home</div></a>
	<ul class="sub-menu-container">

		...

	</ul>
</li>

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.

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