Title: Can't unstack menu items?
Last modified: August 20, 2016

---

# Can't unstack menu items?

 *  Resolved [giantstepdesign](https://wordpress.org/support/users/giantstepdesign/)
 * (@giantstepdesign)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/cant-unstack-menu-items/)
 * Novice with code, but cant unstack…what am I missing? Eyes going crossed…sorry
   for the bother but thanks, gotta be an easy fix!
 * [http://giantstepdesign.com/GSD/](http://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)

 *  Thread Starter [giantstepdesign](https://wordpress.org/support/users/giantstepdesign/)
 * (@giantstepdesign)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/cant-unstack-menu-items/#post-3377850)
 * just replaced code, nevermind..t.hanks for looking

Viewing 1 replies (of 1 total)

The topic ‘Can't unstack menu items?’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 1 reply
 * 1 participant
 * Last reply from: [giantstepdesign](https://wordpress.org/support/users/giantstepdesign/)
 * Last activity: [13 years, 4 months ago](https://wordpress.org/support/topic/cant-unstack-menu-items/#post-3377850)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics