WordPress.org

Ready to get started?Download WordPress

Forums

Replicate NAV menu from HTML template (1 post)

  1. Greyhat2012
    Member
    Posted 1 year ago #

    Hey all,

    I am struggling to replicate this navigation menu:

    <div id="menu">
      <ul>
            <li><a <?php if($url == '/' || $url == '/index.php'  ){?>class="active" <?php } ?>href="http://hairbelong.co.uk/">Home</a>
              </li>
    		  <li class="separator"></li>
            <li><a <?php if($url == '/about-us.php'  ){?>class="active" <?php } ?>href="about-us.php">About Us</a>
              </li>
    		  <li class="separator"></li>
            <li><a <?php if($url == '/methods.php'  ){?>class="active" <?php } ?>href="methods.php">Methods</a>
    			 <div>
    				<ul>
    					<li><a href="strand-by-strand-micro-ring.php">Micro Ring (strand by strand)</a></li>
    					<li><a href="micro-ring-track.php">Micro Track Ring</a></li>
    					<li><a href="nano-micro-bead.php">Micro Mini Bead</a></li>
    					<li><a href="integrated-head-weave.php">Integrated Head Weave</a></li>
    					<li><a href="malaysian-weft-system.php">Malaysian Weft System</a></li>
    					<li><a href="seamless-skin-wefts.php">Seamless Skin Wefts</a></li>
    				</ul>
                  </div>
              </li>
    		  <li class="separator"></li>
            <li><a <?php if($url == '/consultations.php'  ){?>class="active" <?php } ?>href="consultations.php">Consultations</a>
              </li>
    		  <li class="separator"></li>
            <li><a <?php if($url == '/aftercare.php'  ){?>class="active" <?php } ?>href="aftercare.php">Aftercare / Maintenance</a>
              </li>
    		  <li class="separator"></li>
            <li><a <?php if($url == '/faq.php'  ){?>class="active" <?php } ?>href="faq.php">FAQ</a>
              </li>
    		  <li class="separator"></li>
    			<li><a <?php if($url == '/opportunities.php'  ){?>class="active" <?php } ?>href="opportunities.php">Opportunities</a>
              </li>
    		  <li class="separator"></li>
    			<li><a <?php if($url == '/contact-us.php'  ){?>class="active" <?php } ?>href="contact-us.php">Contact Us</a>
              </li>
    		  <li class="separator"></li>
    			<li><a <?php if($url == '/BE-my-valentine.php'  ){?>class="active" <?php } ?>href="BE-my-valentine.php"><span class="pink">Valentine Offers</span></a>
              </li>
          </ul>
    </div>

    Its the seperators between items and the extra divs on the dropdowns which are stumping me :/

    Also, I am using Twenty Twelve as my 'base theme' to build on and I suspect there is something interfering with wp_nav_menu() as none of the paramenters seem to have th edesired effect?

    Help!

    Thank you in advance : )

Topic Closed

This topic has been closed to new replies.

About this Topic