Support » Themes and Templates » Drop-down menu help

  • Resolved makta112

    (@makta112)


    Hello

    My site: http://www.geimaku.com

    I have created a drop-down menu. If you hover over the link called “Publishers” on my site’s nav-bar, a anoter menu drops down with some links.

    But as you can see, the links look weird with some of them being beside each other and some below.

    I want them all to appear below each other – like regular drop-down menus. How do I do that? I have to add some CSS, I believe?

    Thanks.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Only your splash page is visible…

    You should not have to add anything to make the basic menu work fine — see this:

    http://codex.wordpress.org/WordPress_Menu_User_Guide

    Thread Starter makta112

    (@makta112)

    Hi,

    Sorry for that. Splash page should be gone now.

    The menu does “work” fine, but it looks wrong. I think I need to add some CSS to make look right, but I’m not sure? And I don’t know which.

    Thread Starter makta112

    (@makta112)

    Ok, so now I fixed it. The links now appear in a list.

    Now, there are dotted lines below each link in the drop-down-menu. How can I remove that?

    Also, I want the bg to look like this when hover: http://share.xboxlife.dk/files/yzewotrjmwq0odhkowixzjg5yzawotrjmtg1mtrhzda.jpg

    So what do I have to do?

    Thread Starter makta112

    (@makta112)

    I see that it might have been a bit difficult to get what I mean from the above screenshot…

    Anyway, take a look at on of this sites drop-down-menus and you’ll get me.

    That what I want. (not those exact colors, though.)

    The dotted lines are set here:

    #access ul ul a {
    	background: #f9f9f9;
    	border-bottom: 1px dotted #ddd;
    	color: #444;
    	font-size: 13px;
    	font-weight: normal;
    	height: auto;
    	line-height: 1.4em;
    	padding: 10px 10px;
    	width: 168px;

    The hover background color is set here:

    #access li:hover > a,
    #access ul ul :hover > a,
    #access a:focus {
    	background: #efefef;
    }
    #access li:hover > a,
    #access a:focus {
    	background: #595959; /* Show a solid color for older browsers */
    	background: -moz-linear-gradient(#595959, #3F3F3F);
    	background: -o-linear-gradient(#595959, #3F3F3F);
    	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#595959), to(#3F3F3F)); /* Older webkit syntax */
    	background: -webkit-linear-gradient(#595959, #3F3F3F);
    	color: #fff;
    }

    You’ll have to experiment to see which background changes it to how you want.

    Thread Starter makta112

    (@makta112)

    Hm.. ok. Thanks. I’ll see if I can fix it.

    Thread Starter makta112

    (@makta112)

    The top code is right, and I was able to remove it.

    But the second code doesn’t seem to be for the drop-down-menu hover…

    Thread Starter makta112

    (@makta112)

    I’m happy with the menu now, thanks for your time.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Drop-down menu help’ is closed to new replies.