Making Horizontal Menu with Twenty Ten theme.

a possible modification of the css to show the sub menues drop down parallel to the horizontal menu:

https://pastebin.com/5aQp8c3a

(not cross browser compatibility tested; seems to work in firefox)

Once again alchymyth produces the goods. nice one!

@keyaspects
could you post a link to show the menu?
i would love to see it live in someones site ??
and to check how it works in IE …

will do as soon as I have the site live, currently on localhost

@alchymyth

don’t have a link up yet but here is a screen shot. https://tinyurl.com/3frsq6s

only reason I put this up is regarding an issue and better to try and explain with a picture than nothing at all…

when hovering left to right over the menus. when you hit the first menu, in this case ‘wondering menu’. the 3 sub menus appear (menu 1, menu2 . menu3) like they should but if you continue to scroll across the TOP menus, the second and third menus do not explode until you take the mouse right away from all menus and then back to the one you want to see the sub menus for.

a bit frustrating if you just want to flick quickly between the 3 top menus to see their contents.

code matches yours with slight dimension changes:
css: https://pastebin.com/DXTQyUG6
code: https://pastebin.com/D11KJdVT

any suggestions to get this to work more fluidly would be appreciated, will upload a direct link asap
thanks again alchymyth

https://pastebin.com/EwDJTwgC

new code and new edits are marked in the code; the issue was possibly caused by some 50px padding somewhere.

obviously not tested in your theme (i was shortly puzzled by the narrow size)

very nice! thanks again, works perfectly. yes narrow size due to it being the second menu system on the site located within the main content area.

Here’s the link to the online version of the menu. Works nicely. Sorry to drag this topic up again but thought it would be useful for people to see the final version.
https://www.thehuntedgourmet.com.au/menus

Thanks again

I am new to WordPress. I have taken over a blog which uses the Twenty Ten theme and changes were made to it. How do I create a child theme and hook it up to my existing pages? Also, is there an easy way to move my changes to the style sheet to my child theme?

@lanaq: It is considered impolite to interrupt another poster’s thread. Please post a new topic.

Hi alchymyth, I just used the code you provided, but it seems not to be working fine. can you please check it @ https://www.liveghana.net and help me solve the problem now.

Thx alot…

Thanks a lot,

I wish though…

When setting .pink, .blue classes to set colors to a parent item,
the sub-menu could expands to full width, hiding any current submenu. Is that possible?!

Hello again, for those who want something alike what alchymyth did, I made this:
https://pastebin.com/0XKAqh0C

But need somehelp on this:

How is:
https://img826.imageshack.us/img826/367/68194553.jpg

How should be:
https://img196.imageshack.us/img196/5192/23472248.jpg