[Webinar] Streamline your web hosting managementRegister Today

x
?
Solved

Adding submenu dropdown to my current wp theme top menu?

Posted on 2011-09-30
3
Medium Priority
?
411 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 2000 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

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

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

This article shows the steps required to install WordPress on Azure. Web Apps, Mobile Apps, API Apps, or Functions, in Azure all these run in an App Service plan. WordPress is no exception and requires an App Service Plan and Database to install
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Suggested Courses

590 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