Hey everyone! I have a bit of an issue...
I am fairly new to ModX however I understand the principles etc, and I am trying to make a dropdown menu for a website I am creating with three levels. (there is the issue)
I have the tree structure set up in the manager, but it doesn’t have a third level (not to mention the wierd, random items it picks to display) in the menu I have...
Now I am not 100% sure that the problem lies within ModX however there are some strange things in the HTML which have been drawn from "
[[Wayfinder? &startId=`0`]]" call I used to pull the menu. Am I doing this right?
The CSS code I have been using is as follows: (I know it doesn’t have a third level at the moment, would love help with that too
)
#nav {
position: relative;
top: -80px;
left: 80px;
margin: 0;
padding: 0;
height: 1em;
border-right: 1px #000000 solid;
}
#nav li {
list-style: none;
float: left;
}
#nav ul {
border-right: 1px #000000 solid;
}
#nav li a {
display: block;
padding: 3px 9px;
background-color: #5e8ce9;
color: #fff;
text-decoration: none;
text-align: center;
width: 120px;
border-left: 1px #000000 solid;
border-top: 1px #000000 solid;
border-bottom: 1px #000000 solid;
}
#nav li a:hover {
background-color: #8db3ff;
}
#nav li ul {
display: none;
/* width: 10em; Width to help Opera out */
background-color: #69f;
}
#nav li:hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
width: 120px;
}
#nav li:hover li {
float: none;
}
#nav li:hover li a {
background-color: #69f;
color: #000;
text-align: left;
border-top: none;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
}
#nav li li a:hover {
background-color: #8db3ff;
}
I don’t really know where to start to make a third level, I tried copying everything and adding another "li" level to it, but that did nothing...
Any help is greatly appreciated.
