how to apply unique classes to unordered menu and list items of the navblock

Permalink
I would like to learn how to assign specific classes to <ul><li> elements to be able to identify each level, and sub-level of the navigation menu/navblock.

A sample output of my html would be:

<ul class="nav">
<li>Home</li>
<li class="hasSubmenu">About Us
<ul class="subMenu">
<li class="hasSubmenu">Testimonials
<ul>
<li>person 1</li>
<li>person 2</li>
<li>person 3</li>
</ul>
</li>
<li>Celebration</li>
<li>Top Dealer</li>
</ul>
</li>
<li>Contact</li>
</ul>

 
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi anavagomez,

What version of concrete5 are you using?

What you are trying to do can be done with a custom template for the Auto-Nav block.

I can offer more details once I find out what version you are using.
anavagomez replied on at Permalink Reply
Concrete5 version 5.6.3.3

I want to apply some CSS styling to the current navigation menu to make it responsive.

Many thanks for your help.
MrKDilkington replied on at Permalink Reply
MrKDilkington
I am not familiar with 5.6, but here is a tutorial on how to customize the Auto-Nav template.
http://c5blog.jordanlev.com/blog/2011/12/customizing-the-autonav-te...

If you are not comfortable using PHP, then I would recommend one of the navigation blocks from the marketplace.

This block is rated highly:
https://www.concrete5.org/marketplace/addons/auto-nav-pro/...
jlines41 replied on at Permalink Reply
jlines41
+1 on the jordan lev solution. That's what your going to want.

http://c5blog.jordanlev.com/blog/2011/12/customizing-the-autonav-te...