CSS Dropdown menu for the header- With Categories!

[JGraphics]

Hello,
I would love to have this CSS drop down menu open up to a larger selection option of sub-categories when you hover over a main category. I have included a "screen shot" of what I'm trying to achieve. Any help on this would be greatly appreciated. The site I took the screen shot from sells safety supplies. You can see I was hovering over "Personal Protection" and a very large subcategory popped up and offered quite a few subcategories. The sub category links are simple text links.

[marnikca]

Hi guys!First off,God bless this forum-it is fantastic.In the past couple months I have learned so much from everybody who posts here.Secondly,big thank you to the creator of CSS Flyout menu.You did a fantastic job!

And now the question:I'm trying to create new "About Us" page."About Us" menu button has already been created.I've added necessary info to tpl_drop_menu and created define_about.php in /includes/languages/english/html_includes.
When I click About Us menu button, the page is empty and there's no text which I inserted.

How do I enable "About Us" page?Am I missing any steps?

Please HELP

[Rich219]

Hi guys!First off,God bless this forum-it is fantastic.In the past couple months I have learned so much from everybody who posts here.Secondly,big thank you to the creator of CSS Flyout menu.You did a fantastic job!

And now the question:I'm trying to create new "About Us" page."About Us" menu button has already been created.I've added necessary info to tpl_drop_menu and created define_about.php in /includes/languages/english/html_includes.
When I click About Us menu button, the page is empty and there's no text which I inserted.

How do I enable "About Us" page?Am I missing any steps?

Please HELP

I'm trying to create an about us page but can't figure out how to add the tab (does it have to be coded in?).

[Rich219]

I got the tab working.

Is there a way to make it so a tab on the nav bar won't link to anything?

[JGraphics]

Anyone have an answer to my post above (post #1871)? I think quite a few people would benefit from having the drop down menu offer a larger selection option in the drop down. See the attached screen shot in the post above. (#1871) Thanks.

[first trading]

New Zenner


Join Date: Jun 2010
Posts: 4 Re: CSS Dropdown menu for your header- With Categories!

--------------------------------------------------------------------------------

Hi...
I posted this query to the AppleZen support site but there has been no response so I am wondering if the same or similar rules apply to this dropdown menu.

The AppleZentemplate came with 6 dd menu bars in the header.
I removed two sections from the DDown menus and copied the 'HOME' or 'catalog' header and submenus to position # two (leaving a net five headers). Thru css.stylesheet I adjusted the header width to 20% (from the previous 16.67%) -that worked and the headers refilled the full width of the header bar BUT the submenus still are at old size.

Q1 --how to adjust width of each to match new header size?

Q2 --- The first header is OK/ The second header is a copy of the old INFORMATIOON header redefined to become the new BOOKS header.
I need to make each a book("S & G At Home" etc.) with either an internal link to EZ Page 2/3 etc so I can alter the contents there OR an external URL link I thought I had defined these OK but for the life of me I cannot work out how to substitute/ link and change the name for each of the existing four.

Its a great site.. but support seems to be limited at this time.

Thanks in advance. If the answers are already out there, just a post a number or direction would be fine.

Site is www.sootieandgemma.com if anyone can help. Iam in 1.9.3d using Mozilla. I am a newbie if it has not already shown!

Barrie (from way down under)

You need to find this code:

div#dropMenu ul.level1 li.submenu:hover ul.level2,
div#dropMenu ul.level2 li.submenu:hover ul.level3,
div#dropMenu ul.level3 li.submenu:hover ul.level4,
div#dropMenu ul.level4 li.submenu:hover ul.level5,
div#dropMenu ul.level5 li.submenu:hover ul.level6,
div#dropMenu ul.level6 li.submenu:hover ul.level7,
div#dropMenu ul.level7 li.submenu:hover ul.level8 {width: 167px;display:block;z-index:10000;border: 1px solid #999999;}

Change the width to 100% or if you want the drop downs to be wider 120% etc. I have changed mine to px for cross browser spacing issues.

[first trading]

Re: CSS Dropdown menu for your header- With Categories!

--------------------------------------------------------------------------------

Hey all,

I have been using this mod for the past year or so.

I just noticed that my text in the drop down menus are not correctly aligned they are cut off and extend over the box.

Link: www.truwater.com.au

I would like to extend the width to match the main buttons on the header. I have tried through the css but could not get it to work.

Any advise would be great thanks.

Locate this in the stylesheet:

div#dropMenu ul ul li {border-bottom: 1px solid #CCC; width:12em;z-index:1000;}

Change the width to 100%

[lina0962]

I have been using Fly out drop down for 4 years. Really love it!

Just yesterday I changed the font color of the level 1 into white and its background color into red. Then I noticed somthing interesting happened. I have been working on solving this little problem for hours but still failed. I really hope some experts can give me an advice.

See the attachement best4future1 and best4future2, you will see when I hover over the level 2 or level 3, the font color of level 1 becomes white, making it blend in with the background color. in this case, "bilingual book store" completely blend in with its background.

I really want the text "biligual book store" to show in red when I hover over level 2 or level 3. What should I do?

the site is www.best4future.com

[first trading]

It looks like you simply don't have a colour on one of your :hover styles in the stylesheet.

If you download firefox and firebug you can see exactly what is what and it saves you so much time.

Forgot to add......................and web developers tool kit.

[wotnow]

Hi just finished uploading your module and now my whole site from the header down has disappeared and I am havn a little freak out. Hope you can help .. thanks

Site is: http://www.rosedakinjewellery.com.au...products_id=40