I have three top level pages one of which is called Services appearing in the top menu
Code: Select all
{menu number_of_levels="1"}
Code: Select all
{menu start_level="2" number_of_levels="2" }
Where have I gone wrong?
Code: Select all
{menu number_of_levels="1"}
Code: Select all
{menu start_level="2" number_of_levels="2" }
Code: Select all
{menu number_of_levels="3" excludeprefix="home,contact"}
Code: Select all
{menu childrenof='services'}
Code: Select all
{menu number_of_levels="3" excludeprefix="home,contact"}
Code: Select all
@charset "utf-8";
/* CSS Document */
#navcontainer { width:200 px; float: left; margin: 0 0 0 40px; padding: 0 0 50px 0; display: inline;}
#navcontainer ul {margin: 0 0; padding: 0; list-style-type: none;float: left;}
#navcontainer ul li a {display: block;padding: 8px 31px 8px 18px;width: 151px;background-color: #479C00; font-size: 14px; border-bottom: 1px solid #eee; }
#navcontainer a:link, #navcontainer a:visited {color: #D4E999;text-decoration: none;}
#navcontainer a:hover {background-color: #666;color: #fff;}
#navcontainer li{
float:left;
margin: 0;
position:relative;
}
#navcontainer ul ul {
position: absolute;
top: 100%;
left: 5%;
width: 100%;
}
#navcontainer ul li {position: relative;}
#navcontainer ul ul ul{
position: absolute;
top: 100%;
left: 5%;
width: 100%;
}
#navcontainer ul ul ul li a { background-color:#9CC779;}
#navcontainer ul ul ul li a:link, #navcontainer ul ul ul li a:visited {color: #E9F0D5;text-decoration: none;}
#navcontainer ul ul ul,
#navcontainer ul ul li:hover ul ul
{display: none;}
#navcontainer ul ul li:hover ul,
#navcontainer ul ul ul li:hover ul
{display: block; position: relative; }
Code: Select all
{menu childrenof='services'}
Code: Select all
{menu start_element="3.1" }
Code: Select all
{menu start_page="services" }
Code: Select all
{menu start_element="3.1" }