Pure CSS Mega Menu

lat9:

Changing the col_2a to col_2 fixes some, but not all of the 'jumps'. Somewhere in the stylesheet, there's a margin-right: 35px that's being added to the col_2 li's on hover.

Thanks for the hints.. got it all working as it should..

picaflor-azul:

If you want to take a look and compare stylesheets, I recently made this manufacturers drop down into 6 columns ---shop by size/type:

https://www.aussiesapphire.com.au/

Thanks,

Anne

And finally after making the fix above, I realized that the manufacturers needed to be displayed in 3 columns.. thanks to this post I now have the manufacturers in 3 columns.. Thanks Anne.. That site gave me the hints I needed..

NOW I can FINALLY stop messing with this menu.. WHEW!!!

DivaVocals:

And finally after making the fix above, I realized that the manufacturers needed to be displayed in 3 columns.. thanks to this post I now have the manufacturers in 3 columns.. Thanks Anne.. That site gave me the hints I needed..

NOW I can FINALLY stop messing with this menu.. WHEW!!!

I am happy that you figured everthing out ;) I know it can be frustrating.

Thanks,

Anne

picaflor-azul:

I am happy that you figured everthing out ;) I know it can be frustrating.

Thanks,

AnneIndeed Anne.. Indeed.. and I WISH I could say that this is done.. but unfortunately IE8 (which I grudgingly still have to care about) is not behaving.. the original issue I was having with the categories menu and the "jumping" in the second column when hovering over links is still there in IE8.. I have been ALL THROUGH the mega menu stylesheet and the site stylesheet and I cannot figure out where this is coming from... Arrrrrrrrrrrrrrgggggggggggggghhhhhhhhhhh.. (did I mention how much I LOATHE IE8???:laugh:)

Does anyone see what my tired eyes are missing.. Does anyone CARE about IE8????? (that last part is a rhetorical question:laugh:)

DivaVocals:

Indeed Anne.. Indeed.. and I WISH I could say that this is done.. but unfortunately IE8 (which I grudgingly still have to care about) is not behaving.. the original issue I was having with the categories menu and the "jumping" in the second column when hovering over links is still there in IE8.. I have been ALL THROUGH the mega menu stylesheet and the site stylesheet and I cannot figure out where this is coming from... Arrrrrrrrrrrrrrgggggggggggggghhhhhhhhhhh.. (did I mention how much I LOATHE IE8???:laugh:)

Does anyone see what my tired eyes are missing.. Does anyone CARE about IE8????? (that last part is a rhetorical question:laugh:)

grrrr.. fixed.. I think.. hell I don't know anymore.. this menu has me punch drunk..:laugh:

Hi, I am getting extremely frustrated as I'm not a programmer and apparently over my head. I did a manual install of 1.5.1 using ZC install and about 15 various add-ons. Each add-on was tested after install and worked. onlinewinesale.com is the site under construction. This is my host info:

Server OS: Linux 2.6.32-20130307.60.9.bh6.x86_64 Database: MySQL 5.5.30
HTTP Server: Apache
PHP Version: 5.3.23 (Zend: 2.3.0) PHP Safe Mode: Off

All was going well until I installed mega-menu or so I thought. I have many sub-categories in a few categories and I'm not even done entering them. The columns for the sub's go beyond the bottom of the page and I can't scroll down. Should you be able to just keep on moving the mouse down and the column would grow longer? If not, is there a way to break these long columns up into multiple side-by-side columns? I seem to need something similar to what Aussie Sapphire did which was referenced in post #142.

To make matters worse, I use Firefox and I also just realized that there's a huge formating problem with IE9. I don't know when or what happened and need to troubleshoot that. I've switched to the default Zencart Classic template and get the same results so I don't believe that it's the result of all the changes that I've made to the Avignon template that I'm using. I'm hoping to find the problem in a css file somewhere as I've made changes to all of them. So, if you look at the site, please use Chrome or Firefox which seem to display everything properly. Any assistance would be appreciated.

landron:

Hi, I am getting extremely frustrated as I'm not a programmer and apparently over my head. I did a manual install of 1.5.1 using ZC install and about 15 various add-ons. Each add-on was tested after install and worked. onlinewinesale.com is the site under construction. This is my host info:

Server OS: Linux 2.6.32-20130307.60.9.bh6.x86_64 Database: MySQL 5.5.30
HTTP Server: Apache
PHP Version: 5.3.23 (Zend: 2.3.0) PHP Safe Mode: Off

All was going well until I installed mega-menu or so I thought. I have many sub-categories in a few categories and I'm not even done entering them. The columns for the sub's go beyond the bottom of the page and I can't scroll down. Should you be able to just keep on moving the mouse down and the column would grow longer? If not, is there a way to break these long columns up into multiple side-by-side columns? I seem to need something similar to what Aussie Sapphire did which was referenced in post #142.

To make matters worse, I use Firefox and I also just realized that there's a huge formating problem with IE9. I don't know when or what happened and need to troubleshoot that. I've switched to the default Zencart Classic template and get the same results so I don't believe that it's the result of all the changes that I've made to the Avignon template that I'm using. I'm hoping to find the problem in a css file somewhere as I've made changes to all of them. So, if you look at the site, please use Chrome or Firefox which seem to display everything properly. Any assistance would be appreciated.

If you read this support thread you will see posts from others who have split up the categories menu.

The css cross browser problem is not related to the mega menu module.

Thanks,

Anne

Hi Anne, I have this menu through the london grunge template. i was wondering if anyone had had success with adding a sidebox to the dropdown menu? I was trying to add one (that i modded myself, DVD studios) similar to record companies; i pretty much just copied the code for manufacturers on tpl_mega_menu and changed the calling key to studios_ . It correctly lists the studios i entered, but it doesn't map them properly to the items i have connected to those studios, which the sidebox i made does. I was wondering if there is some coding for manufacturers that wouldn't match studios (or record companies, the included extra) or something. This is my site (some adult content): http://kingsdist.com/devdummy/

anyone? I'm essentially trying to make a drop down for "record companies". is this possible?

WutsAnEmu:

anyone? I'm essentially trying to make a drop down for "record companies". is this possible?

I may be having deja vu, but I believe that this was asked and discussed earlier in the thread ;)

Thanks,

Anne

gjh42:

Editable Centerboxes from Plugins allows standard sideboxes to be used in the center column, and the code that does it may be able to be adapted to work in the mega-menu environment.

In fact, it might be that you can just install Editable Centerboxes, not use any of the standard box locations, and move or add a simple function call to "middleboxes" in the mega-menu code. The readme for that mod has more info about this.

Hey; do you have any more info on how specifically to do this? i installed the centerboxes plugin just to see if i could mess around, but i'm not quite sure what code to put where in the mega menu; (i'm not a super php-er an im not quite sure what a function call is, sorry :P)

I forgot that it's not a function call anymore, but a require(). The readme at the bottom of the Additional Information section says > If you want to add new locations where middleboxes can be displayed, you will need to insert a

<?php $box_loc = '#';//middlebox group require($template->get_template_dir('tpl_middleboxes.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_middleboxes.php'); ?>

statement block in the desired location, with the new location number (10 or higher) substituted for # in $box_loc.
Then you will need to modify the SQL to update the middlebox location settings in the admin menu, adding the new locations, and run the SQL in Tools > Install SQL Patches.

Alternatively, you can simply move one of the existing require(...'/tpl_middleboxes.php') statement blocks from a location you do not need to a new location or file where you want to use it. This requires no SQL modifications, though the admin setting descriptions will not describe your new location.
Any more questions should be moved to the Editable Centerboxes support thread so as not to further hijack this one:)

ah, i got it to do that, but i guess that's really not what i wanted. it looks like this: http://kingsdist.com/devdummy , (the dropdown for DVD Studios). what i really wanted was something just like the brands drop down included in the menu, except modified slightly for record_companies (which would match my customized type.) man, is it really that difficult? i thought this part would be breezy compared to my struggle creating the product type :P

I have a problem with the menu in internet explorer. I have edited the menu so that I will show all my category's like the normal category bar. For some reason in internet explorer the last category "Figures" jumps down to the next row with out any css edits. I am testing it in internet explorer 9.

http://www.schobookcollectibles.com/

Thanks,

schobook:

I have a problem with the menu in internet explorer. I have edited the menu so that I will show all my category's like the normal category bar. For some reason in internet explorer the last category "Figures" jumps down to the next row with out any css edits. I am testing it in internet explorer 9.

http://www.schobookcollectibles.com/

Thanks,

If you make changes to the menu, you will need to cross browser test again. You can add an IE9 specific style sheet. Do a google search for the specifics of the implementation. You will most likely need to adjust padding or margins.

Thanks,

Anne

picaflor-azul:

If you make changes to the menu, you will need to cross browser test again. You can add an IE9 specific style sheet. Do a google search for the specifics of the implementation. You will most likely need to adjust padding or margins.

Thanks,

Anne

Thank you. I will look into it.

schobook:

I have a problem with the menu in internet explorer. I have edited the menu so that I will show all my category's like the normal category bar. For some reason in internet explorer the last category "Figures" jumps down to the next row with out any css edits. I am testing it in internet explorer 9.

http://www.schobookcollectibles.com/

Thanks,

Your problem could be related to HTML errors in the column just before the "Figures" column.

Lycee</a></li>
Dragonball Carddass</a></li>
Other</a></li>?></a></li>

Website Rob:

Your problem could be related to HTML errors in the column just before the "Figures" column.

Lycee</a></li>
Dragonball Carddass</a></li>
Other</a></li>?></a></li>

Good catch! This is probably causing the mess.

Thanks,

Anne

Website Rob:

Your problem could be related to HTML errors in the column just before the "Figures" column.

Lycee</a></li>
Dragonball Carddass</a></li>
Other</a></li>?></a></li>

Thank you so much! That worked!

Hi Anne

Your menu looks appropriate for my website. Just one question: Instead of listing all the categories under the category heading, we would like to list our 4 top categories so boys 4-7, boys 8-12, girls 4.7 etc.

Is this an easy tweak using the plugin? Please advise.

Thanks