Pure CSS Mega Menu

Sorry to bug you again, but I have another question... here's my site again for reference http://www.henrycompany.com/ ... but I was wondering if you knew how I could use one style on the "main categories" in the categories dropdown, and a different style for the "sub categories". This would be so I could show subcategories in multiple columns to fit them all on screen. I accomplished it in the "manufacturers" dropdown simply by duplicating the original style into a new style and altering it, but because the categories list is generated basically as one list including subcategories... I am stumped. anybody know a solution?

vacuumwarlock:

Sorry to bug you again, but I have another question... here's my site again for reference http://www.henrycompany.com/ ... but I was wondering if you knew how I could use one style on the "main categories" in the categories dropdown, and a different style for the "sub categories". This would be so I could show subcategories in multiple columns to fit them all on screen. I accomplished it in the "manufacturers" dropdown simply by duplicating the original style into a new style and altering it, but because the categories list is generated basically as one list including subcategories... I am stumped. anybody know a solution?

If you read through this support thread there are instructions posted for how to do this ;)

Thanks,

Anne

Thanx, figured out where it was and I knew what to do from a post on first page... lol... sorry for the buggin, and THANX AGAIN!!! for such an INCREDIBLE plugin... it is truly amazing...

vacuumwarlock:

Thanx, figured out where it was and I knew what to do from a post on first page... lol... sorry for the buggin, and THANX AGAIN!!! for such an INCREDIBLE plugin... it is truly amazing...

I am happy that you are using it for your site ;)

Thanks,

Anne

Couldn't find an answer to this anywhere....instead of the search box being in the header, how can I remove it from the header area and add it to the mega menu bar instead?

Thanks

Robbyn7:

Couldn't find an answer to this anywhere....instead of the search box being in the header, how can I remove it from the header area and add it to the mega menu bar instead?

Thanks

I don't think that this is a question about the mega menu module, but if you post a link to your site I can take a look.

Thanks,

Anne

I use the Oxford Dark template and it has mega menu included. Here's my site info: f/o/x/x/y/diva dotcom/fashions (without the forward slashes)

Robbyn7:

I use the Oxford Dark template and it has mega menu included. Here's my site info: f/o/x/x/y/diva dotcom/fashions (without the forward slashes)

I don't see the header search turned on.

Thanks,

Anne

Thanks for the reply. It's on the home page at the top right under the login, My acct., cart, etc.

Robbyn7:

Thanks for the reply. It's on the home page at the top right under the login, My acct., cart, etc.

I am viewing in firefox and don't see it in the header.

Thanks,

Anne

Hmm...that's weird. It shows for me in Firefox and IE. But, how can I move it from the header of the Oxford Dark template onto the menu bar like in your Yorkshire Clean template.

Robbyn7:

Hmm...that's weird. It shows for me in Firefox and IE. But, how can I move it from the header of the Oxford Dark template onto the menu bar like in your Yorkshire Clean template.

I am viewing the page source and do not see the header search turned on. Post a clickable link to the site and I will check again.

Thanks,

Anne

I sent you a pm.

Thanks.

Sorry, it is now out of maintenance mode. You should be able to view it now.

Thanks.

Robbyn7:

Sorry, it is now out of maintenance mode. You should be able to view it now.

Thanks.

In the includes/templates/oxford_dark/common/tpl_mega_menu.php file remove the right from <li class="customer_service right">

Then in your stylesheet.css file change the #navMainSearch to:

#navMainSearch {
    float: right;
     position: relative;
    top: 240px;
    z-index: 99999;
}

Thanks,

Anne

i am working on my demo site now and attempted to do a few css changes to get my multiple column megamenu to be properly displayed, however, I tried a few tricks I found here, and one of my own, and mine does succeed in creating columns but it messes up the whole thing below is my demo site

http://www.theoutletseason.com/demostore

I added a new class and then also modified the tpl_megamenu, but I am missing something here ...

PERFECT Anne! Thank You and sorry for the confusion.

icecold - Add to your stylesheet_mega_menu.css```
.submenu:hover>.level3 {background: #aabbcc; z-index: 101;}

Robbyn7:

PERFECT Anne! Thank You and sorry for the confusion.

I am happy that it worked ;)

Thanks,

Anne

hi,
i have added my main categories to header but the accessories menu has some subs which all ways show, how do i hide these until someone hovers over them

http://www(dot)onyour(dot)bike/

thanks
bryan