Dropdown on top Meny

[Studio1one]

I have a problem with my new store on the top meny. (see image)

I dont want to have the dropdown at the top meny, but still have the hover change color and of course clickable to reach the categorys.

 

I suppose its the css code below I need to change stuff in, but not sure what exactly I can take away.

 

/*categories_block_top*/

div#categories_block_top{margin:0;width:100%;z-index:100}

div#categories_block_top .block_content{border-top:1px solid #bea27d;border-bottom:1px solid #bea27d;float:left;height:40px;padding:0;width:100%}

div#categories_block_top .block_content ul{position:relative}

div#categories_block_top ul li{border:none;float:left;height:40px;line-height:40px;padding:0;position:relative;z-index:100;}

div#categories_block_top ul li.first{background:none;padding-left:0}

div#categories_block_top ul li:hover a{color:#fff;text-decoration:none; background:#BEA27D;}

div#categories_block_top ul li:hover{color:#fff;padding-bottom:0;background:#BEA27D;}

div#categories_block_top ul li a{color:#BEA27D;float:left;font-size:12px;font-weight:700;padding:0 16px;text-transform:uppercase;text-shadow: 0 0 10px #FFFFFF; font-family:'oswald', 'trebuchet MS', arial;}

div#categories_block_top ul li.submenu a.menu span{padding-right:15px;}

div#categories_block_top ul li a:hover{background:#BEA27D;color:#fff;font-weight:700;}

div#categories_block_top ul li.first a:hover{color:#fff;font-weight:700; background:#BEA27E;}

div#categories_block_top ul li.first.selected a{background:#BEA27D;text-transform:uppercase;text-shadow: 0 0 10px #FFFFFF; color:#fff;}

div#categories_block_top ul li.selected a{background:#BEA27D;text-transform:uppercase;text-shadow: 0 0 10px #FFFFFF;color:#fff;}

div#categories_block_top ul li ul.subcategories{display:none;left:1px;position:absolute;top:40px;width:209px;padding-bottom:10px; background:#fff;}

div#categories_block_top ul li ul.subcategories li a{border:none;color:#d7760b;line-height:30px;padding:0 0 0 20px;text-transform:lowercase;width:189px;}

div#categories_block_top ul li ul.subcategories li{text-align:left;text-transform:lowercase;width:209px;background:none;padding:0;height:30px;line-height:30px;}

div#categories_block_top ul li ul.subcategories li:hover.submenu{}

div#categories_block_top ul li ul.subcategories li.submenu ul{ display:none;left:209px;position:absolute;top:0;width:209px}

div#categories_block_top ul li ul.subcategories li.fisrt:hover,div#categories_block_top ul li ul.subcategories li:hover,div#categories_block_top ul li ul.subcategories li a:hover{background:#BEA27E;}

div#categories_block_top ul li ul.subcategories li.first a:hover{padding-bottom:0;padding-left:20px}

div#categories_block_top ul li.submenu ul.subcategories li a{color:#C0AB81;font-size:11px;width:189px;font-weight:400; background:#fff;}

 

div#categories_block_top ul li.submenu ul.subcategories li a:hover{color:#fff;text-decoration:underline;background:#BEA27D; }

div#categories_block_top ul li ul#subcategories li a{color:#fff;font-size:12px;text-decoration:none}

.inline_list img,div#categories_block_top ul li:hover ul.subcategories,div#categories_block_top ul li ul.subcategories li:hover.submenu ul,.payment_module{display:block}

 

div#categories_block_top ul li ul.subcategories li.submenu ul,div#categories_block_top ul li ul.subcategories li.submenu ul.subcategories li.submenu ul,div#categories_block_top ul li ul.subcategories li.submenu ul.subcategories li.submenu ul.subcategories li.submenu ul{left:209px;display:none;top:0; background:#fff;color:#C0AB81;}

div#categories_block_top ul li ul.subcategories li:hover.submenu ul,

div#categories_block_top ul li ul.subcategories li.submenu ul li:hover.submenu ul,

div#categories_block_top ul li ul.subcategories li.submenu ul.subcategories li.submenu ul.subcategories li:hover.submenu ul{display:block}

[shacker]

site url?

[Studio1one]

site url?

 

www.hairofbeauty.com/dressroom

[shacker]

in this lines

 

div#categories_block_top ul li ul.subcategories li

div#categories_block_top ul li ul.subcategories

 

add this css rule

 

 

display:none; width:0px

[Studio1one]

in this lines

 

div#categories_block_top ul li ul.subcategories li

div#categories_block_top ul li ul.subcategories

 

add this css rule

 

 

display:none; width:0px

 

Thanks, but can you please write the exactly string? ;-)

[shacker]

div#categories_block_top ul li ul.subcategories{display:none;left:1px;position:absolute;top:40px;width:0px;padding-bottom:10px; background:#fff;}

div#categories_block_top ul li ul.subcategories li a{border:none;color:#d7760b;line-height:30px;padding:0 0 0 20px;text-transform:lowercase;width:189px;display:none; width:0px}