WordPress.org

Forums

Navigational Menu Help (6 posts)

  1. crystalclearimagedesign
    Member
    Posted 2 years ago #

    working with a template (Ideal Theme) where I'm attempting to solve the problem of a drop down menu for the following site:

    http://www.communityrule.org/blogsite

    ...in the Stylesheet (style.css), the script coding for the navigation menu looks like what I've pasted below

    /*- Top Nav -*/
    .topnav { float:right; width:450px; margin:50px 0 0 0; padding:0; background:#4d4d4d; border:1px solid #707070; }
    .topnav ul { float:left; list-style:none; padding:0; margin:0; }
    .topnav li { float:left; padding:0 5px; }
    .topnav li a { font:normal 12px Arial, Helvetica, sans-serif; color:#fff; display:block; float:left; padding:10px; }
    .topnav li a:hover { background:#2c2c2c; }
    .topnav li.current_page_item a { background:#2c2c2c; }

    what in this script would need to changed to get the drop down effect I'm needing for this navigational menu?

    Thanks!

  2. Andrew
    Forum moderator
    Posted 2 years ago #

    Try a CSS-specific forum for CSS-specific help.

  3. WPyogi
    Forum Moderator
    Posted 2 years ago #

    Where did your theme or site come from?

  4. crystalclearimagedesign
    Member
    Posted 2 years ago #

    http://www.templateaccess.com

    very "generic" support help
    which is why I came here

  5. alieneila
    Member
    Posted 2 years ago #

    You're not handling hiding the sub list. You have to hide ul.children and then only display it when its parent li is being hovered over. The code below isn't 100% perfect, but if you add it to your css you'll get the idea.

    ul.children {
        display: none;
    }
    .topnav li {
        position: relative;
    }
    .topnav li:hover ul.children {
        background: #c0c0c0;
        display: block;
        position: absolute;
        top: 25px;
        width: 250px;
        z-index: 1000;
    }
    .topnav li li,
    .topnav li li a {
        display: block;
        width: 100%;
    }
  6. Andrew
    Forum moderator
    Posted 2 years ago #

    WordPress forums do not support commercial themes.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.