Как изменить подменю,чтобы оно выпадало справа а не слева как на скриншоте.

голоса: 0

Адрес сайта http://chechnya.3dn.ru/
| Автор: | Категория: Меню сайта
Изменение категории | | Автор: Yuri_Geruk

Ответов: 1

голоса: +2
 
Лучший ответ

Перейти в таблицу стилей CSS, найти строку 529:

.main-menu li:hover > ul {
  position: absolute;
  top: 100%;
  right: 0; заменить на left:0;
  z-index: 10000;
  display: block !important;
}

далее находим строку 547:

.main-menu li ul li:hover > ul {
  position: absolute;
  top: -15px;
  right: 100%; заменить на left:100%;
  z-index: 10;
  display: block;
}

последний шаг, найти строку номер 487:

.main-menu li ul .uWithSubmenu:after {
  position: absolute;
  top: 50%;
  left: 7px; заменить на right:7px;
  display: block;
  margin-top: -5px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 7px solid #fff; заменить на border-left: 7px solid #fff;
  content: '';
}

готово, будет смотреться вот так:

| Автор:
Выбор ответа лучшим | | Автор: Ужахов Исмаил
...