We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 3140
    • 2 Posts
    Hi,

    I’m trying to port the following site across to Modx. I’ve got the basics of the top menu and styling, but the left hand nav (http://piaxo.shapiro.net.au/Services/Default.htm) is getting the better of me.

    modx menu is generating the following:

    <div id="main-content-container">
    				    <div>	
    				        <div class="left-navigation-container">
    <!--Left Navigation Start -->	
      <h3><a href="Default.htm">Overview</a></h3>				        
    
    <div class="left-navigation">					    
      <ul><li><a href="/modx/index.php?id=50" title="Overview" >Overview</a></li>
    <li><a href="/modx/index.php?id=51" title="Migration" >Migration</a><ul><li><a href="/modx/index.php?id=58" title="In & Out" >In & Out</a></li>
    <li class="last"><a href="/modx/index.php?id=59" title="Business Case" >Business Case</a></li>
    </ul></li>
    <li><a href="/modx/index.php?id=52" title="People & Change" >People & Change</a><ul><li><a href="/modx/index.php?id=56" title="Training" >Training</a></li>
    <li class="last"><a href="/modx/index.php?id=57" title="Support" >Support</a></li>
    </ul></li>
    
    <li class="last"><a href="/modx/index.php?id=53" title="Consulting" >Consulting</a><ul><li><a href="/modx/index.php?id=54" title="Microsoft License Benefits" >Microsoft License Benefits</a></li>
    <li class="last"><a href="/modx/index.php?id=55" title="Managed Services" >Managed Services</a></li>
    </ul></li>
    </ul>
    		    
    					   
    <!--left navigation end -->					    
    			        </div>
                            </div>					
                     </div>	


    The current HTML site is generating:

    <div class="left-navigation-container">
    				        <h3><a href="Default.htm">Overview</a></h3>
    
    				        <div class="left-navigation">		
    				            	     				    
    						    <h3><a href="#">Migration</a></h3>
    						    <div>
    
    							    <ul>
    								    <li><a href="Migration/In-And-Out.htm">In & Out</a></li>
    								    <li><a href="Migration/Co-Existence.htm">Co-Existence</a></li>
    
    								    <li><a href="Migration/Business-Cases.htm">Business Cases</a></li>
    							    </ul>
    						    </div>
    
    						    <h3><a href="#">People & Change</a></h3>
    						    <div>
    							    <ul>
    
    								    <li><a href="People-And-Change/Training.htm">Training</a></li>
    								    <li><a href="People-And-Change/Change-Planning.htm">Change Planning</a></li>
    								    <li><a href="People-And-Change/Support.htm">Support</a></li>
    
    							    </ul>
    						    </div>
    						    <h3><a href="#">Consulting</a></h3>
    
    						    <div>
    							    <ul>
    								    <li><a href="Consulting/Microsoft-Licence-Benefits.htm">Microsoft Licence Benefits</a></li>
    								    <li><a href="Consulting/Managed-Services.htm">Managed Services</a></li>
    
    							    </ul>
    						    </div>
    					    
    					    
    					    </div>


    I’m trying to get my head around the <h3> and how to incorporate that into the dynamic wayfinder menu.

    Any help would be greatly received!

    Thanks, Ben
      • 28042 ☆ A M B ☆
      • 24,524 Posts
      I believe that you would be better off using the &parentClass parameter to give all "parent" (folder) links a classname. Then you can modify the styling in CSS.
        Studying MODX in the desert - http://sottwell.com
        Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
        Join the Slack Community - http://modx.org