Проблема в выпадающем меню

#html #css #dynamic #menu #drop-down-menu

#HTML #css #динамический #меню #выпадающее меню

Вопрос:

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

здесь я получаю список дочерних меню, исправленный в правой части экрана. Он отображается некорректно. Я хочу получить этот список либо в левой части, либо в верхней части экрана.

Извините за плохой английский. Надеюсь, вы понимаете.

Любая помощь будет высоко оценена. Спасибо

Ответ №1:

Просматриваем:http://www.d1079363-74.cp.blacknight.com/dev /

В вашем HTML вам нужно добавить другой class в подменю, которое должно открываться справа, вот так:

 <ul class="sub-menu open-right">
  

Затем добавьте этот новый CSS:

 #menu ul ul ul.open-right {
    left: -100%;
}
  

Это должно сработать, но я не просмотрел весь ваш CSS. Если это не сработает, попробуйте использовать left: -100% !important; вместо этого. Если это сработает, я посмотрю, как исправить специфику без использования !important .