• Resolved giantstepdesign

    (@giantstepdesign)


    Novice with code, but cant unstack…what am I missing? Eyes going crossed…sorry for the bother but thanks, gotta be an easy fix!

    https://giantstepdesign.com/GSD/

    /* =Menu
    -------------------------------------------------------------- */
    
    .menu_bar {
        font-size:140%;    /*@ font size of menu items */
    }
    .menu {
    text-transform: uppercase
    }
    
    .weaveriip_vertical_menu .menu_bar {
        background-image:none;
        font-size:100%;
    }
    .weaveriip_vertical_menu .menu_bar ul {
        margin-bottom:0px !important;
    
    }
    #nav-bottom-menu, #nav-top-menu {
        min-height:38px;    /*@ matches menubar height */
    }
    .menu_bar div {
        margin:0 150px;        /*@ margin from left/right */
    }
    
    .menu_bar {
        background:#FEB;    /*@ Menu bar bg color */
        color:#000;        /*@ text color */
        clear:both;
        display:block;
        position:absolute;
        float left
        margin: 0 auto 0px;
        width:100%;
    
    }
    .menu_bar ul {
        list-style:none;
        margin:0 0 0 -10px;
        padding:left 0;
        text-align:center;
    
    }
    
    .menu_bar ul ul {
        list-style:none;
        margin:0 0 0 -10px;
        padding-left:0;
            text-align:center;
    
    }
    .weaveriip_vertical_menu .menu_bar li {
        float:none;
    
    }
    
    .menu_bar a {
        color:#000;        /*@ link text color on top-level menu item */
        display:block;
        line-height:38px;    /*@ this and .menu_bar ul ul top should be the same */
        padding:0 20px;    /*@ padding between items */
        text-decoration:none;
        font-weight:normal;
        font-style:normal;
    
    }
    
    .menu_bar a:hover, .menu_bar a:visited {
        text-decoration:none;
    }
    .menu_bar ul ul a,.menu_bar ul ul a:hover, .menu_bar ul ul a:visited {
        text-decoration:none;
    }
    
    .menu_bar a:visited {
        color:#000;
    }
    
    .menu_bar ul ul {
        -moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);
        -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);
        box-shadow:0 3px 3px rgba(0,0,0,0.2);
        display:none;
        float:left;
        margin:0;
        position:absolute;
        top:38px;        /*@ menubar height */
        left:0;
        width:188px;
        z-index:99999;
    }
    
    .menu_pop_left .menu_bar ul ul {
        top:0px;
        left:-188px;
    }
    
    .menu_pop_right .menu_bar ul ul {
        top:0px;
        left:100%;
    }
    .weaveriip_vertical_menu .menu_bar ul ul li,
    .weaveriip_vertical_menu .menu_bar ul li {
        border:none !important;
    }
    
    .menu_bar ul ul ul {
        left:100%;
        top:0;
    }
    
    .menu_pop_left .menu_bar ul ul ul {
        top:0;
        left:-100%;
    }
    
    .menu_bar ul ul a {
        background:#EDA;        /*@ bg color of submenu items */
        color:#000;            /*@ text color of submenu text */
        font-weight:normal;
        height:auto;
        line-height:18px;
        padding:10px 10px;
        width:168px;
    }
    .weaveriip_vertical_menu .menu_bar ul ul a {
        padding:10px 10px;
    }
    .menu_bar ul ul :hover > a {
        background:#875;        /*@ color when hover over sub-menus */
    }
    .menu_bar li:hover > a,
    .menu_bar a:focus {
        background:#875;         /*@ bg color for menubar hover */
        color:#FEB;            /*@ hover text color, top and sub-menus */
    }
    .menu_bar ul li:hover > ul {
        display:block;
    }
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Can't unstack menu items?’ is closed to new replies.