CSS Dropdown menu for the header- With Categories!

[totalsam]

Still can't get this mod to work it is deleting everything after it - any ideas?

[kburner]

Hi Guys

Managed to do this with just the style sheet i am not 100% sure on the code for the stylesheet but here is the section i have changed.

div#dropMenu ul.level1 li.submenu:hover ul.level2 {background-color:none;margin-left:-15em;font-family:Arial, Helvetica, sans-serif; font-weight:100;color:#999999;font-size:12px;display:block;z-index:1000;width:450px;filter: alpha(opacity = 90);-moz-opacity:0.90;}
div#dropMenu ul.level2 li.submenu ul.level3 {background:none;text-align:left;font-size:10px;position:relative;display:list-item;}

Hope this helps others.

Thanks
Brad

I would like to see your site...

I have been struggling with my top level categories.

Thanks, Kim

[Spdster]

I am struggling wiht this mod, can anyone install it for me if i pay them? Thank You..

[autoace]

Hi,

I simply installed the code in the readme file (<!--bof-drop down menu display-->
<?php require($template->get_template_dir('tpl_drop_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_drop_menu.php');?>
<!--eof-drop down menu display-->
<div class="clearBoth"></div>) at the very bottom of my tpl_header.php file and it breaks the page - nothing under the CSS Flyout Menu in the header shows up!

NOTE: I am also using the Alternate Header v2.0 and added the above code to the bottom of the tpl_header.php file contained in that addon. No other code mods other than that.

In addition to that, I would like to know if it is possible to replace "Home", "Categories" and "Information" with my top-level categories and then having my sub level categories flyout.

Instructions and the necessary code (if needed) is truly appreciated.

[kburner]

I have been stuggling for several days and have looked thru forum. My issues seem to be css related. Need any help I can get with...

*categories are going vertical instead of horizonal across dropMenu bar
Here is css.

div#dropMenu {
position:relative;
width: 100%;
height:25px;
margin: 0em;
margin-top: 1px;
padding: 0em;
text-align:center;
z-index: 1000;
border-bottom: 2px solid #083562;
font-family: Lucida Sans;
float: center;
}

*space between dropmenu and logo/wrapper
Not sure where to change this. I have modified logo, wrapper and MenuWrapper with no luck.

Thanks, Kim

[kburner]

I have been stuggling for several days and have looked thru forum. My issues seem to be css related. Need any help I can get with...

*categories are going vertical instead of horizonal across dropMenu bar
Here is css.

div#dropMenu {
position:relative;
width: 100%;
height:25px;
margin: 0em;
margin-top: 1px;
padding: 0em;
text-align:center;
z-index: 1000;
border-bottom: 2px solid #083562;
font-family: Lucida Sans;
float: center;
}

*space between dropmenu and logo/wrapper
Not sure where to change this. I have modified logo, wrapper and MenuWrapper with no luck.

Thanks, Kim

*categories are going vertical instead of horizonal across dropMenu bar
Got this figured out...not sure what I did.
But I have 13 categories and can not get them to all fit. Caps are small - so they should fit....Any one know how to get them all across??

*space between dropmenu and logo/wrapper
Still have space in FF, but gone from IE...

Added to stylesheet:

.clearBoth {
clear:both;
height: 2.5px;
font-size:0;
line-height: 0;
}

Kim

[znowflake]

Ok ive looked through a LOT of posts, but i havent really found what i was looking for, so im gonna take the chance and ask a question, that hopefully havent been answered yet. If so...i apologize :)

I know that the ez pages are connected to the information box, but is there a way to add pages/links to the other categories?

Ex.....i would like to add a facebook link as a drop down under the "Contact us" category, and i would like to add an extra page to the "my account" category.

How do i go about doing that?
Im not a techie, so any help is appreciated

[znowflake]

Ok ive looked through a LOT of posts, but i havent really found what i was looking for, so im gonna take the chance and ask a question, that hopefully havent been answered yet. If so...i apologize :)

I know that the ez pages are connected to the information box, but is there a way to add pages/links to the other categories?

Ex.....i would like to add a facebook link as a drop down under the "Contact us" category, and i would like to add an extra page to the "my account" category.

How do i go about doing that?
Im not a techie, so any help is appreciated

Nm. I figured out myself :)

1.Make a link <li><a href="http://www.link_here">Link_name_here</a></li>
2. Add it to your tpl_drop_menu where you want it.
Remember to add <ul class="level2"> (to make it a dropdown) before your link and </ul>(to seperate from next menu) after.

To add an extra page somewhere else but your Information menu, simply use your ez pages, but without adding it to the header and do the same as above.

Voila.

It works for me :)

[alepia]

I wanted to add this to my website, which is www.alepia.ch that has a really old fashioned header dropdown menu. But when I added this features to my website... I can see only the header and the dropdown menu , everything else is white and not available!

[perkiekat]

I love this mod and it works except for the sub menus. They are not showing. I'm not sure if its because I have only loaded one catagory with two items in the catagory. This should show as the sub-catagories under the main item, but it isn't. I am only seeing the Compound bows under level 2, nothing else.

Could someone please tell me what I am doing wrong or what I need to alter?

Below is the link to the site I am working on. You will only see two items inside the store and no images, just trying to set up different mods and the store's design before I proceed.

www.meanvarchery.biz

Thanks in advance! This is a great mod!