CSS Dropdown menu for the header- With Categories!

sw09 Re: CSS Dropdown menu for your header- With Categories!

---

Hi, I am a newbie to zen cart. I have installed the css flyout menu and it all works well but when I adjust the website template width to auto, the menu width got auto adjusted but the sub menu is not. How can I adjust that? My website http://www.bruneipartyshop.com

In the stylesheet_header_menu.css find the following code:

div#dropMenu ul ul li {border-bottom: 1px solid #CCC; width: 100%;z-index:10000;}

div#dropMenu ul.level7 li.submenu:hover ul.level8 {position: absolute; width: 100%;display:block;z-index:10000;}
div#dropMenu ul.level2 {background:#4f4f4f;z-index:10000;position:absolute;left:0;width: 100%;}

They are all in the bottom block of code. Adjust your width's (i've highlighted them in red above) to 100%.

cjsmiff Re: CSS Dropdown menu for your header- With Categories!

---

Hi,

I seem to be having spacing issues which is forcing my menu onto 2 lines.

Does anyone know how I need to edit the css file to fix this issue? I have tried many variations of the css code already but nothing seems to work.

Since I can't have it on a live website at the moment here is a screenshot of what I mean:

It looks to me as though you have a padding/margin issue.

I would need to see the relevant css file.

I am having a problem where EZPage titles will not appear on the CSS Drop Down menu. I am using the Spanish language pack with the most current version of ZenCart and this CSS Dropdown menu. The above code appears that it may correct the problem, but does not list how or where to implement it. Also, strangely, the default EZPage links (I've left the external link to ZenCart on the menu) work OK, but any pages added do not show up on the Header Menu. They show up and translate just fine on the sidebox and footer menus. I have searched for hours to no avail. Any suggestions? The site I am referring to is: http://www.altaonemedical.com/index.php Thanks

Make sure that when you make the eze pages in admin that you set them to display in the header which will then include them in the menu, also don't forget to give them a sort order or they won't show.

Is it possible to use the CSS Dropdown menu for your header- With Categories! with header_dropdown_menu_css_1-0. I lilke the look of the header_dropdown_menu_css_1-0 however I want the categories to appear in this area not in the top header. If you need to set what I am refering to please see the attachment:

Thank you
Ladydee

Not 100% sure what you mean...? if you use the drop down menu the categories are in the horixontal menu in a drop down format. You can have a completely seperate header.............is this what you mean.

Will it still have the blue bar, because that makes the page look better?

Thank you
LadyDee

Post a link to your site, but i'm going to say yes looking at that picture, but even if it dissapears we can get it back.

Post a link.

Thank you, here is a link to my site:
http://lightingmadesimple.com/

LadyDee

Ok, yes it will but not after the install. Firstly backup your files..............oh and don't forget to backup your files.

Second install the mod, (I would uninstall the drop down you already have first).

Next, you will simply have to replace the colour in the new .css file for your blue tileback and its that simple.

The blue will now be on your new menu.

Thank you, you are great. I will try this now.

LadyDee

No problem, enough people have helped me along the way so its nice to give back.

I'll keep an eye on your site.

Don't forget to back the files up before hand.

Again thank you, good attittude. Maybe one day when I get good at this I can help someone.

LadyDee

Another question, how do I change the color to be my title_back?

LadyDee

One of the files you copy accross is called stylesheet_header_menu.css

Find the following block of code and replace the image (tile_back.gif) with whatever image you want. In your case it will be whatever you have called the blue image on your site.

div#dropMenu ul.level1 {
width:100%;
margin:0 auto;
text-align:center;
background-image: url(../images/tile_back.gif);
background-repeat: repeat-x;
padding: 0px;
z-index:10000;
float:left;
}

Perfect, that where I thought it should go, just forgot how to point to the image. I tried it on my home server first now I will upload everything to my server.

It looks like it removes alot from the main page.

LadyDee

When I completed everything, only the very top bar, logo banner and the dop-down are left on the main page. Can not scroll down, middle boxes are gone, etc.

LadyDee

Hi, that looks great. Did you want those centre boxes back...? i think it looks good as is but if you want them back we can get them back.

It changes the header and all you would have to do is open up both files and merge them. Sometimes its not quite that simple but its very do-able.

Would you like the drop down menu's to have the same width as the menu title...? If so see post 1781.

Basically, I back the way it was. The center boxes came from a template addon here called: editable_home_page_centerboxes_1-0.

What I want is for the main page to stay like it currently is except I would like to turn the breadcrumbs off and input them into the bar that says links1 link2 etc.

LadyDee

Sorry, yes i was looking at the wrong site, LOL.

You can put whatever links you like in the drop down menu.

I would have to see the files of the other mod to make sure they stay on the page after you install the drop down menu.

It is located under Template Alterations.

LadyDee