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>
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>
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.
I want to apply some CSS styling to the current navigation menu to make it responsive.
Many thanks for your help.
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/...
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/...
+1 on the jordan lev solution. That's what your going to want.
http://c5blog.jordanlev.com/blog/2011/12/customizing-the-autonav-te...
http://c5blog.jordanlev.com/blog/2011/12/customizing-the-autonav-te...
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.