0 Replies - 538 Views - Last Post: 12 February 2017 - 03:49 AM

#1 ahmedba   User is offline

  • D.I.C Head

Reputation: -1
  • View blog
  • Posts: 220
  • Joined: 24-January 14

How to show second menu in center of page?

Posted 12 February 2017 - 03:49 AM

Problem

How to show second menu in center of page ?

Details

I have two menu

first menu show on top of page

second menu not show on center of page (this is my problem)

as fiddle below second menu display above first menu

actually i need to show second menu in center of page


my fiddle

https://jsfiddle.net/ahmedsa/y97coxjo/

second menu code

<div>
      <nav class="main-nav">
            <!--This in case we have more navs-->
            <ul class="nav-list">
                <li><a href="#">Home</a></li>
                <li><a href="#">About</a></li>
                <li>
                    <a href="#">Services</a>
                    <ul class="dropdown">
                        <li><a href="#">Web Design</a></li>
                        <li><a href="#">Graphic Design</a></li>
                        <li><a href="#">Video Production</a></li>
                    </ul>
                </li>
                <li><a href="#">Blog</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </nav>
    </div>


Is This A Good Question/Topic? 0
  • +

Page 1 of 1