• I am needing to remove the drop down menu from my website while keeping it so that it highlights which tab the customer is on. The only way I have found to do this is CSS and I have never edited the CSS before. I have found the “menu” section and even where it says “drop down.” What do I do from here? I am using the simple catch theme. Below is the code on the menu. Thank you.

    /* =Menu
    ———————————————– */
    #header #mainmenu {
    float: left;
    border:1px solid #ccc;
    background-color:#fff;
    margin-top:40px;
    position:relative;
    width:976px;
    z-index:1000;
    box-shadow:0 1px 0px #fff;
    }
    .home #header #mainmenu {
    box-shadow: none;
    }
    #header #mainmenu ul {
    margin: 0px;
    list-style: none;
    }
    #header #mainmenu ul li {
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    float: left;
    margin-bottom: -1px;
    position: relative;
    }
    #header #mainmenu ul li a {
    padding: 0 15px;
    display: block;
    color: #fff;
    font-size: 15px;
    line-height: 48px;
    color: #444;
    float: left;
    white-space: nowrap;
    }
    #header #mainmenu ul li a:hover,
    #header #mainmenu ul li.current-menu-item a,
    #header #mainmenu ul li.current-menu-parent a,
    #header #mainmenu ul li.current_page_item a,
    #header #mainmenu ul li.current_page_ancestor a,
    #header #mainmenu ul li:hover > a {
    background-color: #444;
    color: #fff;
    }

    /* 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;
    white-space: 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;
    }

The topic ‘CSS coding on Removing Drop Down menu’ is closed to new replies.