CSS Dropdown menu for the header- With Categories!

[metzler13]

Well that took care of the width of the header menu in FIREFOX but it is still shifting off the page in IE.

Also, any idea how to figure out why none of the sideboxes will display. At one time I set to not display any of them but I changed back but can't get any to display. I've change the settings in the layout boxes controller but still to no success.

[jettrue]

Well that took care of the width of the header menu in FIREFOX but it is still shifting off the page in IE.

Also, any idea how to figure out why none of the sideboxes will display. At one time I set to not display any of them but I changed back but can't get any to display. I've change the settings in the layout boxes controller but still to no success.

Did you turn the sideboxes back on, under "Configuration", "layout settings"?

As far as the shifting, I'm looking into that... apparently that's something I missed, cause it happens on my test site! Dang darn dang!!

[metzler13]

I thought I turned them back on but apparently I didn't. Oops!

I haven't said this yet but GREAT TOOLS and TEMPLATES!!!

[bumba000]

Hi Jettrue,
Think everything is in order. I would love to know how to make the first drop wider for longer cat names.

was able to do it but then it overlapped the subcat1 that needs to be a little wider too.

I know this is all css but im lost in the

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,

any help is greatly appreciated.

Thank you,
John

[jettrue]

Hi Jettrue,
Think everything is in order. I would love to know how to make the first drop wider for longer cat names.

was able to do it but then it overlapped the subcat1 that needs to be a little wider too.

I know this is all css but im lost in the
any help is greatly appreciated.

Thank you,
John

There are three instances of 12em in stylesheet_header_menu.css. Make all of them wider, then it will work well. If you only change one or two, then you run into problems.

[jettrue]

Well that took care of the width of the header menu in FIREFOX but it is still shifting off the page in IE.

AHA!

Remove text-align:center

from #dropMenuWrapper

in stylesheet.css

PHEW, that was hard to find!

[metzler13]

AHA!

Remove text-align:center

from #dropMenuWrapper

in stylesheet.css

PHEW, that was hard to find!

That did it! Thanks a million!