Pure CSS Mega Menu

Hello, I have just installed this and so far so good but I have hit a couple of snags and can't find the answers here.

1. The products list isn't wide enough to show each product on a single line, so it word wraps. I have changed the div tab to ```

2. There is a large gap above the navigation bar - does anyone know how I can get rid of it?

Best wishes

Tog Porter

OK I found the text width it is in the css ```
.mega-menu .levels a {display: block;width: 10em;font-weight:normal;}

I still cannot find out how to get rid of the large gap above the navigation bar though,.

Regards

Tog

includes/templates/classic/css/stylesheet_mega_menu.css line 2 has the top margin set to 30px

#mega-wrapper .mega-menu {
background: -moz-linear-gradient(center top , #ccc, #80a83c) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #80a83c;
border-radius: 10px;
box-shadow: 0 0 1px #cef185 inset;
height: 40px;
list-style: outside none none;
margin: 30px auto 0;
padding: 0 20px;
width: 890px;
}

Absolutely brilliant. Thank you so much. Tog :thumbsup:

I Finally figured out what I was doing wrong! (I know no one probably cares, haha). But I am ecstatic. I was renaming the over ride folders to be uploaded in the install package as my ADMIN not my TEMPLATE, duh! Thank you once again ANNE for the outstanding contribution, you are an amazingly talented web designer and you are one of the key people that make zencart such a great cart! Thank you! Now I have to figure out how to customize the menu to include more categories, thank you again!

I now have it working OK, except it only shows top level categories in the drop down. Is there a way to show the individual products as a sub menu of the categories. For example the categories display in a list , Venison Joints, Venison Steaks & Chops, etc. But I would like the Venison Joints to split further into "Haunch Joint", "Saddle of Venison" etc. I have tried nesting <ul> and <li> tags but cannot get it to work. Does anyone have any ideas? The web site is at http://www.braefootvenison.co.uk

Best wishes

Tog Porter

toomanyknots:

I Finally figured out what I was doing wrong! (I know no one probably cares, haha). But I am ecstatic. I was renaming the over ride folders to be uploaded in the install package as my ADMIN not my TEMPLATE, duh! Thank you once again ANNE for the outstanding contribution, you are an amazingly talented web designer and you are one of the key people that make zencart such a great cart! Thank you! Now I have to figure out how to customize the menu to include more categories, thank you again!

I am happy that you figured it out ;)

Thanks,

Anne

I'm having some trouble editing headermenu.php. For some reason I can edit everything fine except the text of about us. I am not sure why it is not working. I can edit the about us picture and the about us title, for some reason even the default about us text in the headermenu.php will not show, all I get is "About Us" in the text:

My log first showed that I needed tpl_about_us_default.php in includes/templates/template_default/templates, so I copied it from another directory (an avonlee contempo template directory) and pasted it in that directory. Before I had did this I didn't even get anything on the link to my about page). But I am still not getting any text on the about me bar of the mega menu, it is weird. Here is my log:

[21-Mar-2015 15:51:36 America/New_York] PHP Warning: require(includes/templates/template_default/templates/tpl_about_us_default.php): failed to open stream: No such file or directory in /home/jrvihfnf/public_html/includes/templates/genesis/common/tpl_main_page.php on line 122
[21-Mar-2015 15:51:36 America/New_York] PHP Warning: require(includes/templates/template_default/templates/tpl_about_us_default.php): failed to open stream: No such file or directory in /home/jrvihfnf/public_html/includes/templates/genesis/common/tpl_main_page.php on line 122
[21-Mar-2015 15:51:36 America/New_York] PHP Fatal error: require(): Failed opening required 'includes/templates/template_default/templates/tpl_about_us_default.php' (include_path='.:/usr/lib/php:/usr/local/lib/php') in /home/jrvihfnf/public_html/includes/templates/genesis/common/tpl_main_page.php on line 122

Also, I was wondering what the easiest way to edit the width of the menu bar to match my template would be?

Opps, just found out in your read me how to adjust the width (sorry about that). Still perplexed on why I can't change the about us text though. Also, I was wondering how I would go about creating multiple columns, like the 4 column demo here?: http://nettuts.s3.amazonaws.com/819_megamenu/demo/index.html

How can I add products individually in a column? I am on my way to constructing a multi column mega menu, and I almost there. But I would like to pick and choose which products are in my columns, instead of just having an entire category. Does anyone know a way I could do that?

Hiya

I am setting up this mega-menu for the first time and I am getting it sorted - but have run into a problem and not sure if its resolvable or not.

I have split my categories into 4 columns - working great :)

BUT each of those sub-cats have sub-sub-cats and when you rollover the sub-cats those sub-sub-cats display OVER the 4 columns - not at the far right which it would usually do...

Can it be done - or can you only have a 2 levels of menus? or more and not use columns

All demos that I can find - when splitting into 2/3/4 columns don't then have another level? So not sure if possible

demo can be seen here - work in progress as its a dummy test site - http://www.fishingtackle2go.co.uk/0-TESTSITE/index.php

specimen & carp drop down is the one I am talking about

If it can't it can't but a real shame if not as its a great little module!

thank you
Sarah

zc 1.5.1

SarahL:

Hiya

I am setting up this mega-menu for the first time and I am getting it sorted - but have run into a problem and not sure if its resolvable or not.

I have split my categories into 4 columns - working great :)

BUT each of those sub-cats have sub-sub-cats and when you rollover the sub-cats those sub-sub-cats display OVER the 4 columns - not at the far right which it would usually do...

Can it be done - or can you only have a 2 levels of menus? or more and not use columns

All demos that I can find - when splitting into 2/3/4 columns don't then have another level? So not sure if possible

demo can be seen here - work in progress as its a dummy test site - http://www.fishingtackle2go.co.uk/0-TESTSITE/index.php

specimen & carp drop down is the one I am talking about

If it can't it can't but a real shame if not as its a great little module!

thank you
Sarah

zc 1.5.1

Anything can be done using css. If you want to re position where the sub categories fly out you will need to change this in the stylesheet. Use the chrome web developer tools to help you find which line of the file needs to be edited.

Thanks,

Anne

picaflor-azul:

Anything can be done using css. If you want to re position where the sub categories fly out you will need to change this in the stylesheet. Use the chrome web developer tools to help you find which line of the file needs to be edited.

Thanks,

Anne

Thanks Anna - I will give it a whirl and see - sounds promising though!!

Hi Anne,

Firstly I'd like to thank you for the Westminster New template! It's a beautiful design! I'm currently using this template with ZC version 1.5.4 and was wondering if this mod is suitable for that version?

Many thanks

James

James Bond:

Hi Anne,

Firstly I'd like to thank you for the Westminster New template! It's a beautiful design! I'm currently using this template with ZC version 1.5.4 and was wondering if this mod is suitable for that version?

Many thanks

James

You can use this on 1.5.4. But, this is not responsive so only use it on the desktop layout.

Thanks,

Anne

Many thanks Anne! :D

Hello again Anne,

Sorry to bother you. I've attempted to install the mod following your directions closely and when I paste the code

into my /westminster_new/common/tpl_header.php file it causes the site to go blank apart from the header itself. Is the installation the same regardless of template used? Your instructions are very clear and precise so I'm struggling to see where I'm going wrong.

Kind Regards

James.

Solved it Anne! Thanks! Looks Great! :D

James Bond:

Solved it Anne! Thanks! Looks Great! :D

I am happy that you figured it out ;)

Thanks,

Anne