CSS Dropdown menu for the header- With Categories!

[thesitedoc]

I can't figure out how to edit my posts. It seems that anytime I try to edit the tpl_header.php at all it wipes out the site.

Anyone have any thoughts?

[welchyboy]

OK I have it working correctly now and changed the menu to where there are no submenus. I don't want the sub menus however I am not able to make this menu have a hover over affect. I can change the color the font lots of other stuff in the stylesheet_header_menu.css however the hover over effect seemed to be only on the submenus not on the standalone menu. Can anyone please help me with this simple question.

http://wpc-consulting.com/~stxmill/

Thanks for the quick reply!!

[jettrue]

I can't figure out how to edit my posts. It seems that anytime I try to edit the tpl_header.php at all it wipes out the site.

Anyone have any thoughts?

No, editing tpl_header.php itself does not cause the site to wipe out, but editing it incorrectly will cause that. You probably are not removing out closing }'s. If you remove a section that has an opening {, then don't remove it's closing }, you will have issues. Also, what program are you using the edit the file? If the program isn't saving the file correctly, you could be corrupting the file.

[jettrue]

OK I have it working correctly now and changed the menu to where there are no submenus. I don't want the sub menus however I am not able to make this menu have a hover over affect. I can change the color the font lots of other stuff in the stylesheet_header_menu.css however the hover over effect seemed to be only on the submenus not on the standalone menu. Can anyone please help me with this simple question.

http://wpc-consulting.com/~stxmill/

Thanks for the quick reply!!

Put a background color here:

div#dropMenu li:hover {}

[TBSM]

Hello again,
I am having difficulty's with the left side box. When a cart item is long enough it expands the widths of the colum and pushes it bellow the rest...

.outer {
	padding-left: 185px; /* Same width as margin-left for the float-wrap div */
	padding-right: 0x; /* Our right column width */
	}
	
.inner {
	width: 100%;
	}

.float-wrap {
	float: left;
	width: 97%;
	margin-left: -185px; /* Same length as .outer padding-left but with negative value */
	}

#content {
	float: right;
	margin-right: -185px; /* Same length as .outer padding-left but with negative value */
	width: 100%;
	line-height:1.6;
	position: relative; /* IE needs this  */
	}

.contentWrap{
	padding: 5px 0 5px 5px;
	}
	
#navColumnOne { 
	float: left;
	position: relative; /* IE needs this  */
	}
	
#navColumnTwo {
	float: right; 
	margin-right: -170px; /* This negative margin-right value is in this example the same as the right column width. */
	position: relative; /* IE needs this  */
	}

have i missed something

[TBSM]

Wrong support thread

[welchyboy]

AWESOME i had a feeling it would be an easy question for you. Much appreciated!! You are doing a fantastic job at helping everyone in this forum. Thanks for all the work you do!!

[welchyboy]

Is there a way to change to text color on hover over as well. I was also curious if i made something in photoshop can i put it in the place of the hover button. I am just trying to customize this menu so it isnt ordinary. I love it but i have seen some where they look like tabs and so forth. How can i do something like this. Is there some kind of customizing manuel i can check out lol so i dont have to continue to bug you?

Thanks again for everything

[countrycharm]

Hi jettrue I have a question for you. I have looked but could not find the answer. I am using your Cherry Template and I was wondering how can I use this Mod on that template header. I can not seem to get it to work. What do I need to change in the header.php Thank you for your help.

[jettrue]

Is there a way to change to text color on hover over as well. I was also curious if i made something in photoshop can i put it in the place of the hover button. I am just trying to customize this menu so it isnt ordinary. I love it but i have seen some where they look like tabs and so forth. How can i do something like this. Is there some kind of customizing manuel i can check out lol so i dont have to continue to bug you?

Thanks again for everything

div#dropMenu li:hover {color:#000000}

For hover tabs, you can set a background image for each tab in the css, but first you'll need top open up includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php and follow my instructions here:
http://www.zen-cart.com/forum/showpo...postcount=1991

Then you can give each div its own image within the css.