WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Drop-down menu help (9 posts)

  1. makta112
    Member
    Posted 2 years ago #

    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.

  2. WPyogi
    Volunteer Moderator
    Posted 2 years ago #

    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

  3. makta112
    Member
    Posted 2 years ago #

    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.

  4. makta112
    Member
    Posted 2 years ago #

    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?

  5. makta112
    Member
    Posted 2 years ago #

    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.)

  6. WPyogi
    Volunteer Moderator
    Posted 2 years ago #

    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.

  7. makta112
    Member
    Posted 2 years ago #

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

  8. makta112
    Member
    Posted 2 years ago #

    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...

  9. makta112
    Member
    Posted 2 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic