Solved

Adding submenu dropdown to my current wp theme top menu?

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

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

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

Suggested Solutions

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…
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 …

770 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