Blank theme & adding drop down Menu.

  • Resolved J-man

    (@artery-design)


    12 years, 4 months ago

    hi there,
    a newbie working with a blank theme. I’m having troble adding the drop down menu. As you can see https://outboundbeauty.com/

    our products is suppose to have the drop down ‘body by vi’

    I have the custom menu set up but i need to know the steps to set up the css and where to add the code for the drop down menu.

    Thanks a million

Viewing 1 replies (of 1 total)
  • Thread Starter J-man

    (@artery-design)

    [ Moderator Note: Please post code or markup snippets between backticks or use the code button. Or better still – use the pastebin ]

    Solved my own issue…
    In header:

    <ul id="nav">
        <?php wp_list_pages('title_li=&depth=0&sort_column=menu_order&exclude=56'); ?>

    In CSS:

    /*navigation menu */
#nav {
background-color:none;
z-index:99999;
}
#nav, #nav ul {
line-height:2px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;

}
#nav a, #nav a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
border:medium none;
display:block;
text-decoration:none;
}
#nav li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;

}
#nav a, #nav a:visited {
color:#666;
display:block;
padding:0 20px;
}
#nav a:hover, #nav a:active, .current_page_item a, #home .on {
text-decoration:none;
}
#nav li ul {
border-bottom:1px solid #6E7073;
height:auto;
left:-999em;
line-height:30px;
margin:10;
padding:0;
padding-top:10px;
position:absolute;
width:122px;
z-index:9999999;
}
#nav li li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#1E1F21 none repeat scroll 0 0;
border-left:1px solid #6E7073;
border-right:1px solid #6E7073;
border-top:1px solid #6E7073;
width:120px;
}
#nav li li a, #nav li li a:visited {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#1E1F21 none repeat scroll 0 0;
color:#FFFFFF;
font-size:0.9em;
font-weight:normal;
}
#nav li li a:hover, #nav li li a:active {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#60625C none repeat scroll 0 0;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left:auto;
}
/*navigation menu */

Viewing 1 replies (of 1 total)
  • The topic ‘Blank theme & adding drop down Menu.’ is closed to new replies.