WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Disappearing Sub menus - Simple Catch Theme (4 posts)

  1. ohmygod11
    Member
    Posted 6 months ago #

    Hey everyone

    One page that I made as a "Sub Menue", disappears when I hover over it.

    I use the simple catch theme. This is the CSS code in my editor. Does anyone know a solution to make the sub menu not disappear when I want to hover over it?

    /* Dropdown menu */
    #header #mainmenu ul li ul, #header #mainmenu ul li:hover ul li ul {
    display:none;
    list-style:none none;
    z-index: 9999;
    }
    #header #mainmenu ul li:hover ul, #header #mainmenu ul li ul li:hover ul {
    display:block;
    }
    #header #mainmenu ul li ul {
    position:absolute;
    background-color:#444;
    top:48px;
    left:0px;
    padding:0px;
    width:185px;
    margin:0px;
    border-right: 1px solid #555555;
    border-left: 1px solid #555555;
    border-top: 1px solid #555555;
    }
    #header #mainmenu ul li ul li ul {
    left:185px;
    top: -1px;
    }
    #header #mainmenu ul li ul li {
    float:none;
    border-bottom:1px solid #666;
    border-right:0 none;
    }
    #header #mainmenu ul li ul li a {
    padding: 7px 10px;
    color: #999;
    float:none;
    line-height: 18px;
    font-size: 13px;
    font-weight: normal;
    }
    #header #mainmenu ul li ul li a:hover, #header #mainmenu ul li ul li:hover > a {
    background-color:#333;
    text-decoration:none;
    color:#fff;
    }

    /* Page Title */
    #header #page-title {
    padding:34px 20px 0px;
    }
    #header #page-title p {
    padding-bottom:0;
    }

  2. wacoh_327
    Member
    Posted 6 months ago #

    Can you give us your site's url so we can see what's the issue?

  3. ohmygod11
    Member
    Posted 6 months ago #

    The problem was fixed, thanks everyone.

    It was that I made nav menue bar smaller in height and needed to bring the box closer, back up.

    #header #mainmenu ul li ul {
    position:absolute;
    background-color:#444;
    top:48px; <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<I change it to a lower vaue
    left:0px;
    padding:0px;
    width:185px;
    margin:0px;
    border-right: 1px solid #555555;
    border-left: 1px solid #555555;
    border-top: 1px solid #555555;

  4. wacoh_327
    Member
    Posted 6 months ago #

    Mark this resolved.

Reply

You must log in to post.

About this Topic