Pure CSS Mega Menu

picaflor-azul:

If you take a look at the original stylesheet_mega_menu.css file you will see that many of the paddings and margins are not the same. This might be your problem.

Thanks,

Anne

That's what makes my store a terror at times...mind of its own. There was absolutely no jerking when I had the categories in the menu. the slight jerk started when I removed the categories menu...

Weird is what it is...but I will try it again and again with hopes of it behaving eventually.

Hello,

I am trying achieve the same effect from the 'information' tab for my category tabs, can someone point me in the direction of creating a 3 or 4 or even 5 column display for the 'shop/category' tab in the header menu? I have read and reread suggested tutorials and threads but can not pin point where or what I need to edit to make it display.

Thanks,

Spigz

spiggles87:

Hello,

I am trying achieve the same effect from the 'information' tab for my category tabs, can someone point me in the direction of creating a 3 or 4 or even 5 column display for the 'shop/category' tab in the header menu? I have read and reread suggested tutorials and threads but can not pin point where or what I need to edit to make it display.

Thanks,

Spigz

If you read this thread and the Abbington Mega thread you will find some discussion about this ;)

Thanks,

Anne

picaflor-azul:

If you read this thread and the Abbington Mega thread you will find some discussion about this ;)

Thanks,

Anne

Hello,

Thank you for your reply.

I have managed to split the category tab into 2 columns at the moment, and have started to customise my own links (rather than the auto category links appearing, I am arranging them under their own header).

The only problem I am having is the second column is sitting under the first column? Not side by side. Any idea how I can rectify this??

Thanks Spigz

spiggles87:

Hello,

Thank you for your reply.

I have managed to split the category tab into 2 columns at the moment, and have started to customise my own links (rather than the auto category links appearing, I am arranging them under their own header).

The only problem I am having is the second column is sitting under the first column? Not side by side. Any idea how I can rectify this??

Thanks Spigz

If you post a link to your site, I can take a look.

Thanks,

Anne

Hi, I'm having trouble figuring out how to have one of the drop down items in the menu bar link to an external link. Under "Shop Our Products" in the menu bar, I have an item named "Scent Guide" which I would like to link to an external page. Where in the code would I alter that?

Link to site: www.earthlybody.com/shop/

Thank you!

happangl7:

Hi, I'm having trouble figuring out how to have one of the drop down items in the menu bar link to an external link. Under "Shop Our Products" in the menu bar, I have an item named "Scent Guide" which I would like to link to an external page. Where in the code would I alter that?

Link to site: www.earthlybody.com/shop/

Thank you!

The easiest way is to not make this a category and just add the link to the includes/templates/override/common/tpl_header.php file.

Thanks,

Anne

I am having a issue with my submenu's on my menu - they are showing as standard parent categories on the drop down, rather than either not displaying or opening to right on hover over.

The new master categories is 'Mk3 Sorted - Temp', with the first submenu 'Interior'. As the screenshot should show, the submenu is showing just like the master which is making the drop down long and appearing unsorted.

the site is www.orc hid eu ro .com (without spaces of course :smile:)

Thank you!

the brit:

I am having a issue with my submenu's on my menu - they are showing as standard parent categories on the drop down, rather than either not displaying or opening to right on hover over.

So after a long night of messing with it (the sun is starting to rise..).. it looks like everything in the menu is defined as UL CLASS = LEVEL2, where I assume that the subcats should be LEVEL3. I'm not quite sure how or where to make the change though if indeed this is the issue.

the brit:

So after a long night of messing with it (the sun is starting to rise..).. it looks like everything in the menu is defined as UL CLASS = LEVEL2, where I assume that the subcats should be LEVEL3. I'm not quite sure how or where to make the change though if indeed this is the issue.

Did you change the includes/templates/override/common/tpl_mega_menu.css or the includes/classes/categories_ul_generator.php files?

Thanks,

Anne

picaflor-azul:

Did you change the includes/templates/override/common/tpl_mega_menu.css or the includes/classes/categories_ul_generator.php files?

Thanks,

Anne

Thank you for the quick reply Anne.

I believe that I have not opened or looked at the includes/classes/categories_ul_generator.php , so it should be original.
The /includes/templates/glasgow_neat/common/tpl_mega_menu.php (I assume you meant PHP not CSS, as I do not have any CSS files in that directory) has been modified for content, but I hope nothing relating to specific coding.. I am trying to manually compare it to the original file included in the ZIP pack.

the brit:

I am trying to manually compare it to the original file included in the ZIP pack.

Try using Beyond Compare or Winmerge.

picandnix:

Try using Beyond Compare or Winmerge.

Ahh, thank you - I couldn't remember the name of a program that would help.

My manual comparison didn't show anything that could be fowling it up in either file unfortunately. I still don't know why the subcats aren't being assigned to level 3..

the brit:

Ahh, thank you - I couldn't remember the name of a program that would help.

My manual comparison didn't show anything that could be fowling it up in either file unfortunately. I still don't know why the subcats aren't being assigned to level 3..

I would defnitiely start over with a fresh install of the module and then test the menu very carefully after each change you make.

Thanks,

Anne

Hi Anne,

I've installed your Sheffield Blue free theme which includes the mega-menu, I would like to know what must be done to change the font colours?

I managed to change the colour for the top of the menu sections, but now all the menu items are invisible..

I have it in a shade of brown, white background, with blue a:hover applied. Perhaps you could take a look please?

My store is: http://store.sol-computers.co.uk

rharrison:

Hi Anne,

I've installed your Sheffield Blue free theme which includes the mega-menu, I would like to know what must be done to change the font colours?

I managed to change the colour for the top of the menu sections, but now all the menu items are invisible..

I have it in a shade of brown, white background, with blue a:hover applied. Perhaps you could take a look please?

My store is: http://store.sol-computers.co.uk

The best long-term advice anyone will give you is to use the Fire-bug add-on for Firefox browser, you'll soon work it out and never look back.

picandnix:

The best long-term advice anyone will give you is to use the Fire-bug add-on for Firefox browser, you'll soon work it out and never look back.

You're right, I do have firebug installed and have attempted to use it to adjust the menu styling. Problem is the menu items require you to hover over, then inspect and by the time I look at the console the information has moved and is therefore invalid. That or I can change some style element in firebug, apply the same change in the css and get a different/unexpected result.

Hi Anne...

I installed this module and have a questions about brands. I would like to replace the brands (as I won't be using any) with reviews. Is it possible to do this? Thanks.

Looking for a little help customising Mega-menu

We’ve made a decision to have 9 new Top level categories along a horizontal navigation marked on the attached image in pink. This has been done by taking the standard megamenu dropdown labelled “shop” and copying that piece of code from the tpl megamenu file 9 times and changing the name at the top of each.

The dropdown, which is marked in blue, is what would usually be Top level cats, and the sub of that, which is marked in green, would be the level 2.

What I’m trying to do is get the green bit where the blue bit should be. I simply need to move everything up a level, and find some way to tie that in to my own pink 9 top categories.

I’ve looked at the megamenu generator and other pieces of code with no joy.

Can anyone give me any starters on how this can be achieved?

Thanks for any input.

Kristian

Hello everyone,

I have installed the CSS Mega Menu and reviewed the steps of installation three times, but I cannot get it to function. I don't know what I'm missing? Below is a screen shot of my header and after it is the last bit of code from my tpl_header.php"

*<!--bof-header ezpage links-->

< ?php require($template->get_template_dir('tpl_mega_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_mega_menu.php');?>
< !--eof-mega menu display-->
< div class="clearBoth"></div>

I'm using ZenCart 1.5.0 on a production server.

ANY help would be greatly appreciated, this is a really, really cool plugin!
Thanks,
Danny