CODEWITHSUNDEEP
htmlwordpress
Suhan
Suhan

Reputation: 39

Convert HTML menu in WordPress

I want to output this HTML menu in WordPress. I am confused how to give classes to ul and the first a tag under ul. Thanks.

<div class="side-menu">
<ul>

    <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Holi Tourism <span class="fa fa-plus"></span></a>
      <ul class="dropdown-menu menu-more">
        <li><a href="#">Mount Kailash Yatra</a></li>
        <li><a href="#">Char Dham Yatra</a></li>
        <li><a href="#">Muktinath Yatra</a></li>
        <li><a href="#">Lumbini Yatra</a></li>
      </ul>
    </li>
    <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Destination <span class="fa fa-plus"></span></a>
      <ul class="dropdown-menu menu-more">
        <li><a href="#">Nepal</a></li>
        <li><a href="#">Thailand</a></li>
        <li><a href="#">Singapore</a></li>
        <li><a href="#">Europe</a></li>
        <li><a href="#">America</a></li>
        <li><a href="#">India</a></li>
      </ul>
    </li>
    <li class="clearfix"><a href="#">Visa Assistance<em class="fa fa-plus"></em></a></li>
</ul>

Upvotes: 1

Views: 1404

Answers (1)

Haninder Singh
Haninder Singh

Reputation: 618

Steps: 1. Create a menu from admin of your wordpress and then, call it in your header.php file in the theme like,

<?php wp_nav_menu( array('menu'   => 'Left Navigation Menu', 'menu_class' => 'nav navbar-nav')); ?>

"Left Navigation Menu" is the name of your menu.

Upvotes: 5

Related Questions