Hi,
I am using the 3-Level-Category Expanding Menu by Silenz and it works fine until you go the a single entry.
The menu highlights when you are on the category page but if you go to a single entry the category menu no longer highlight.
The code I am using is:
{exp:cat_expand:wrapper}
{exp:weblog:categories weblog="{my_weblog}" style="nested"}
{exp:cat_expand:expander category="{category_id}" active-style="color: #000000; font-weight:normal; background: url(menu_over.gif) no-repeat top left; text-decoration: none;"}
<a href="http://{path={my_template_group}/index}">{category_description}</a>
{/exp:cat_expand:expander}
{/exp:weblog:categories}
{/exp:cat_expand:wrapper}The css is:
.nav_categories {
position:relative;
width:199px;
margin-left: -10px;
margin-top: 61px;
padding-left: 0;
margin-bottom:1px;
font: normal 12px "Helvetica Neue", Helvetica, Arial, Verdana, Sans-Serif;
}
.nav_categories a {
font-weight: normal;
text-decoration:none;
padding-top:5px;
padding-bottom:6px;
display: block;
}
.nav_categories ul {
list-style: none;
padding-left: 0px;
background: url(menu_over.gif) no-repeat top left
}
.nav_categories li {
list-style: none;
text-indent: 4px;
background: url(menu.gif) no-repeat top left;
}
.nav_categories li ul {
list-style: none;
padding-left:0px;
background: url(menu_over.gif) no-repeat top left;
}
.nav_categories li ul li {
list-style: none;
background: url(menu_down.gif) no-repeat top left;
font-weight: normal;
text-indent:12px;
}
.nav_categories li ul li ul {
list-style: none;
padding-left:0px;
background: url(menu_over.gif) no-repeat top left;
}
.nav_categories li ul li ul li {
list-style: none;
text-indent:12px;
}
.nav_categories a:link { background-color: transparent; text-decoration: none; color: #000000;
}
.nav_categories a:hover { background-color: transparent; text-decoration: none; font-weight: normal; color: #ffffff; background: url(menu_down.gif) no-repeat top left;
}
.nav_categories a:active { background-color: transparent; text-decoration: none; font-weight: normal; color: #ffffff;
}
.nav_categories a:visited { background-color: transparent; text-decoration: none; font-weight: normal; color: #000000;
}Any pointers?
Is there a better way of setting up 3-Level-Categories so it will work?
Thanks!