Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

CSS for menu expander

11:44 am on Aug 14, 2012 (gmt 0)

New User

joined:Aug 13, 2012
posts: 4
votes: 0

Hey Guys,

So... i have a website, had it a while now and basically i want to improve the menu. At the moment, it has the main nav with a certain amount of buttons, which when hovered over show their subordinate pages in a sub-navigation below. However, the issue is, the sub-nav below has a white background which is ALWAYS there.

What i want to happen is the white bar is not there, then ONLY when a user hovers over a button does it appear (sliding down or something) revealing the subordinate links.

Does this make sense? If anyone can help me with the coding for this i'd be forever in their debt. Or even point me in the right direction to a tutorial, i can't seem to find one, at least then i could try and apply that to the current menu myself.

Michael (one of the new guys)

[edited by: alt131 at 12:26 pm (utc) on Aug 14, 2012]
[edit reason] Thread Tidy [/edit]

10:56 pm on Aug 17, 2012 (gmt 0)

Senior Member

WebmasterWorld Senior Member 5+ Year Member

joined:Aug 9, 2008
posts: 961
votes: 0

Hi mcharalambous and welcome to css,
It does make sense! I'm just not sure of the exact source of the issue. What happens when you set the desired background-color on the sub-nav elements (or the element creating the "bar", then change it to white on :hover? Also are you sure the sub-nav/other element has been hidden so it only becomes visible on :hover?