Solved

Adding submenu dropdown to my current wp theme top menu?

Posted on 2011-09-30
3
401 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
These days socially coordinated efforts have turned into a critical requirement for enterprises.
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…
The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…

929 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

15 Experts available now in Live!

Get 1:1 Help Now