WordPress.org

Ready to get started?Download WordPress

Forums

Custom wordpress menu with dropdown (submenu) (1 post)

  1. saucey86
    Member
    Posted 1 year ago #

    i have a static menu and i would really like to make it into dynamic wordpress menu, the menu code is from a template i had brought it uses strange attributes, if it was just a ul li menu i would not have a problem i would just use the wp_nav_menu() function, how would i pull this off? please be kind enough to take a peep at my code.

    <div class="navbar-wrapper">
    			<div class="container">
    				<div class="navbar navbar-inverse">
    					<div class="navbar-inner">
    						<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">Menu</a>
    						<a class="brand" href="index.html">Converxion</a>
    						<div class="nav-collapse collapse">
    							<ul class="nav">
    
    								<li class="dropdown">
    									<a href="#" class="dropdown-toggle" data-toggle="dropdown">Tour<b class="caret"></b></a>
    									<ul class="dropdown-menu">
    									<li><a href="#">Website Owners</a></li>
    									<li><a href="#">Start-Ups</a></li>
    									</ul>
    								</li>
    								<li class="dropdown">
    									<a href="#" class="dropdown-toggle" data-toggle="dropdown">Solutions<b class="caret"></b></a>
    									<ul class="dropdown-menu">
    									<li><a href="#">Overview</a></li>
    									<li><a href="#">Clarity Online</a></li>
    									<li><a href="#">Websites that work</a></li>
    									<li><a href="#">Effective Engagement</a></li>
    									</ul>
    								</li>
    								<li class="dropdown">
    									<a href="#" class="dropdown-toggle" data-toggle="dropdown">Bundles<b class="caret"></b></a>
    									<ul class="dropdown-menu">
    									<li><a href="#">Entry/Starter Plan</a></li>
    									<li><a href="#">Medium Plan</a></li>
    									<li><a href="#">Pro Plan</a></li>
    									<li><a href="#">Enterprise Plan</a></li>
    									</ul>
    								</li>
    								<!-- <li class="active"><a href="index.html">Home</a></li> -->
    								<li><a href="about.html">About</a></li>
    								<li><a href="services.html">Testimonials</a></li>
    								<li><a href="blog.html">Blog</a></li>
    								<li><a href="contact.html">Contact</a></li>
    
    							</ul>
    						</div><!--/.nav-collapse -->
    					</div><!-- /.navbar-inner -->
    				</div><!-- /.navbar -->
    			</div><!-- /.container -->
    		</div><!-- /.navbar-wrapper -->

Topic Closed

This topic has been closed to new replies.

About this Topic