Question

Подскажите, пожалуйста, как выровнять выпадающие пункты меню по левому/правому боку?

Answer 1

Вам как выровнять, нарисовать в графическом редакторе так же на картинке. Вы не предоставляете ссылку на сайт и ждете помощи, возьмите за правило, просите помощи с сайтом, обязательно предоставляйте ссылку на сайт.

Comments

извините, добавил ссылку.

---

vitaries,

Ищем в стилях строку номер 497:

.main-menu li ul .uWithSubmenu:after {
  position: absolute;
  top: 50%;
  left: 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;
  content: '';
}

заменяем на:

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

после ищем строку номер 539:

.main-menu li:hover > ul {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 10000;
  display: block !important;
}

заменяем на:

.main-menu li:hover > ul {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10000;
  display: block !important;
}

И еще ищем строку номер 557:

.main-menu li ul li:hover > ul {
  position: absolute;
  top: -15px;
  right: 100%;
  z-index: 10;
  display: block;
}

заменяем на:

.main-menu li ul li:hover > ul {
  position: absolute;
  top: -15px;
  left: 100%;
  z-index: 10;
  display: block;
}

после выпадающие подпункты будут справа, а не слева.