Pure CSS Mega Menu

[beco1979]

Thanks so much. Never thought of the obvious - Admin..... silly me.

[picaflor-azul]

Thanks so much. Never thought of the obvious - Admin..... silly me.

No problem ;-)

Thanks,

Anne

[DivaVocals]

Well I hate to come back and ask for help on this again, but I and stumped and I need some help resolving this once and for all.. I made the recommended changes to change my categories dropdown into a two column display. This works fine.. The categories are displayed in two columns..

However, when you hover over the column on the left, the column on the right "jumps" over to the left. I've run out of ideas to fix this.. Hoping that someone in the comunnity can help me sort out what it is I am missing to fix this once and for all.. (PRETTY PLEASE)

You can see what I mean here: http://clientlaserdiscvault(dot)overthehillweb(dot)com/ Hover over the "Our Products" link to see the two column category display.. Now hover over the categories in the left column and see how the categories in the right column "jump" to the left..

[lat9]

Well I hate to come back and ask for help on this again, but I and stumped and I need some help resolving this once and for all.. I made the recommended changes to change my categories dropdown into a two column display. This works fine.. The categories are displayed in two columns..

However, when you hover over the column on the left, the column on the right "jumps" over to the left. I've run out of ideas to fix this.. Hoping that someone in the comunnity can help me sort out what it is I am missing to fix this once and for all.. (PRETTY PLEASE)

You can see what I mean here: http://clientlaserdiscvault(dot)overthehillweb(dot)com/ Hover over the "Our Products" link to see the two column category display.. Now hover over the categories in the left column and see how the categories in the right column "jump" to the left..

You're losing 35px of right-margin on the hover. At line 80, you've got

.mega-menu .level2 li {
    margin-right: 35px;
}

and the styling on line 75 sets the margin to 0 on hover. Just set margin: 0 35px 0 0;

[DivaVocals]

You're losing 35px of right-margin on the hover. At line 80, you've got

.mega-menu .level2 li {
    margin-right: 35px;
}

and the styling on line 75 sets the margin to 0 on hover. Just set margin: 0 35px 0 0;

Lat9!!! My hero!!! THANK YOU SOOOOO MUCH!!!!! I have been staring at this so long that it looks like I missed the obvious.. Though I didn't know what the answer was, my gut told me it was in my stylesheet and not in the categories_ul_generator.php (as it had been suggested me was the key to the solution).. So glad I decided to try one more time to ask for help..

[DivaVocals]

OK, ignore my post, as soon as i posted and went back i saw my error, i was editing the wrong file

All i had to do was change this function in my cloned categories_ul_generator.php which I had called categories_ul_generator_bb.php, by adding the line in red to limit it to only my selected category and its kids

    function buildTree($submenu=false)
    {$root_category_id = 113;
        return $this->buildBranch($this->root_category_id, '', $submenu);
    }

This post caught my attention.. I want to limit the categories shown in the categories dropdown.. How would this code have to be structured if I wanted more than one category.. ie: a list of specific categories versus just a sing category or ALL categories... Would the categories_ul_generator.php require other changes as well??

[liquidpics]

Has anyone managed to get a sidebox into this CSS mega-menu?

I've been trying to add the advanced search box into a dropdown and if I can get that done, I'd also like to have the shopping cart sidebox in another dropdown.

Has anyone got any ideas?

Excellent script by the way, and highly recommended if you haven't tried it.

Currently in action at www.thefabulousdogcompany.com

Cheers

Kristian

[picaflor-azul]

Lat9!!! My hero!!! THANK YOU SOOOOO MUCH!!!!! I have been staring at this so long that it looks like I missed the obvious.. Though I didn't know what the answer was, my gut told me it was in my stylesheet and not in the categories_ul_generator.php (as it had been suggested me was the key to the solution).. So glad I decided to try one more time to ask for help..

I am happy that you figured it out ;-)

Thanks,

Anne

[gjh42]

Has anyone managed to get a sidebox into this CSS mega-menu?

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.

[DivaVocals]

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.

LOVE the Editable Centerboxes add-on!!

I love that it adds the same kind of "widgets anywhere" functionality to Zen Cart (similar to WordPress templates).. Opens up the possiblity for so many more flexible layout options in Zen Cart!!!

Kristian -- you can see the Editable Centerboxes add-on in action on the demo site I posted earlier..