Support for CSS Flyout Menu

[welchyboy]

The behaviour of the menu is right. If you click on "products", you gou tu category 14, with all subcategories at bottom of the page

OK Well is there a way to turn this off or disable this feature?

[tonibarcelona]

OK Well is there a way to turn this off or disable this feature?

I don´t understand what do you want to deactivate...

[welchyboy]

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.

[ckosloff]

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.

I understand what you mean, you just want the hover to display the subcats and not be clickable.
The best you can do is leave the description blank, as to not displaying the subcats link, I am not aware that Zen Cart offers that option.

[welchyboy]

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.

[ckosloff]

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.

You lost me here.
I don't see any difference in color between the links in the menu and all the rest, they all behave the same.
Earlier in this thread there is a style-only menu by Get Em Fast, try experimenting with that one.

[welchyboy]

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/

[welchyboy]

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

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.

[ckosloff]

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 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

[welchyboy]

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