плавающее меню выпадающего меню не отображается

Question

У меня проблема с моим выпадающим меню или подменю. Раньше он работал отлично, но после того, как я изменил свое меню на плавание, подменю больше не будет отображаться. это код, который я использовал для меню:

border-bottom:2px solid #e9e9e9; 
position:fixed; 
width:2000px; 
background-color:#ffffff; 
padding-left:605px; 
padding-right:210px; 
margin-right:-200px; 

И это мой сайт http://lobaab.com/ вы могли бы помочь мне о том, как это исправить плз

Answer 1

Вложенные ULS скрыты display: none в состоянии по умолчанию, и вы никогда не меняете это свойство на block.

.sf-menu li:hover > ul { 
    display: block !important; /* importnat isn't necessary if you know how strong selector you need to use */ 
} 

Чем, вы установите width: 100% для подменю, но ширина подмигнули их родителя (LI). Вы хотите, вероятно, установить более высокую ширину или не устанавливать ширину точно и использовать только white-space: nowrap - подменю будет иметь ширину самого длинного элемента.