OK Well is there a way to turn this off or disable this feature?
Printable View
I would like to make the product link not a link. I don't want people to be able to click products and it go to the home page. I would like to get rid of that.
Well darn OK not that big of deal...What about having the products menu and the subcat menu have hover color like the other part of my menu. For some reason I am not able to figure out why all the other links are green before hover and red when hovering over except for the subcats and the actual product link.
OK I will look into that but you don't see how HOME, HISTORY, FUNDRAISER all of them are green and when i hover over the link it turns red. Well when I hover over PRODUCTS in the menu and the subcategory links they don't change color. That is what i was talking about. Just trying to clear it up for you. Sorry about that.
http://www.wpc-consulting.com/~stxmill/
I looked for the post but not sure what style only menu you are talking about. I might be using it already. I have the stylesheet_categories_menu.css. It looks like this
Code:
body {
behavior: url(includes/csshover.htc);
} /* WinIE behavior call */
/* EXTRA LINKS Background Color and width */
div#nav-cat {
margin-top: 0em;
background-color: #eeff99;
color: #000000;
width: 100%;
height:95%;
line-height:20px;
margin-left: auto;
margin-right: auto;
font-weight: bold;
font-size: 1.3em;
}
div#nav-cat ul {
margin: 0;
padding: 0;
width: 155px;
background-color: transparent;
z-index: 1000;
/*border: 1px solid #ff0000;*/
}
/*
div#nav-cat ul.level2 {background-color: #c65928; width: 180px;}
div#nav-cat ul.level3 {background-color: #c65928;}
div#nav-cat ul.level4 {background-color: #c65928;}
div#nav-cat ul.level5 {background-color: #c65928;}
div#nav-cat ul.level6 {background-color: #c65928;}
*/
div#nav-cat li {
z-index: 20;
position: relative;
list-style: none;
margin: 0;
height: 20px;
width: 150px;
/*add border below or above products on the menu*/
margin-top: 0px; /* change it to whatever space you want to put space between buttons*/
border-bottom: 0px solid #679966; /* <---this line may help or hinder IE menu shifting issues */
border-top: 0px solid #679966; /* <---this line may help or hinder IE menu shifting issues */
}
div#nav-cat li li {
margin: 0; /* this overrides the margin-top in the declaration above */
}
/* submenu hover over background color */
/* Products menu background color */
div#nav-cat li.submenu {background-color: #eeff99;}
/* Products menu hover over background color */
div#nav-cat li.submenu:hover {background-color: #eeff99;}
/*padding around product text css menu*/
div#nav-cat li a {
display: block;
padding: 0em 0em 0em;
text-decoration: none;
width: 160px;
color: #132e12;
}
div#nav-cat ul a {
width: auto;
}
div#nav-cat ul ul {
position: absolute; top: 0; left: 100%;
display: none; z-index: 1000;
}
div#nav-cat ul.level1 li.submenu:hover ul.level2,
div#nav-cat ul.level2 li.submenu:hover ul.level3,
div#nav-cat ul.level3 li.submenu:hover ul.level4,
div#nav-cat ul.level4 li.submenu:hover ul.level5,
div#nav-cat ul.level5 li.submenu:hover ul.level6 {
display:block;
/* submenu background color */
background-color: #eeff99;
I have messed with lots of these color numbers and couldn't get it to change the subcategory hover over links or the Product hover over link.
I don't see them green, however they do change color, whereas Products and subcats do not.
It is a style issue, I don't have the time to investigate it right now, but the post you are looking for is #32
I still wasn't able to figure out how to make the color hover I was only able to get the background-color which i was able to before. But I guess it will do. Thanks