Solved

Adding submenu dropdown to my current wp theme top menu?

Posted on 2011-09-30
3
400 Views
Last Modified: 2012-05-12
I have created a new WP Theme and in the header have inserted a top menu / nav ... but it's just 1 level depth.

How do I modify this so that I have show subpages in a dropdown style please?

Here is the current code:
<div class="header_right">

<ul>

<?php wp_list_pages('title_li=&depth=1'); ?>

<li><a href="#" id="signin"></a></li>

</ul> 

</div>

Open in new window


Thanks
0
Comment
Question by:error77
  • 2
3 Comments
 
LVL 16

Expert Comment

by:SSupreme
ID: 36895247
just adding other list inside of list:
<ul>

<?php wp_list_pages('title_li=&depth=1'); ?>

<li><a href="#" id="signin"></a>
<ul class="secondlvl"><li>
<ul class="thirdlvl"><li><a></a></li></ul>
</li>
</ul>
</li>

</ul>
0
 

Author Comment

by:error77
ID: 36895999
It's not really working as I can see the subitems all the time.
0
 
LVL 16

Accepted Solution

by:
SSupreme earned 500 total points
ID: 36896124
oh. you need to apply some css for your element like:
li ul {display:none;}
li:hover ul {display:block;}

But it's easier to find CSS menu, and adjust it as you need.
0

Featured Post

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

I annotated my article on ransomware somewhat extensively, but I keep adding new references and wanted to put a link to the reference library.  Despite all the reference tools I have on hand, it was not easy to find a way to do this easily. I finall…
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchi…
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…

706 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now