Кок позиционировать выпадающие меню?

Question

[Андрей Филимонов]

Здравствуйте,
адаптирую шаблон под себя вот тут
шаблон скачал тут
но там невыпадающее меню, а очень нужно выпадающие. Кое-как нагуглил, и теперь выпадает субменю, но не ровно под головным пунктом (в частности "О нас"). Как сделать, чтобы выпадало ровно под пунктом меню на который навели курсор и ориентировать выпавшие пункты слева?
Вот пэн меню

Answer 1

[Максим]

https://codepen.io/LenskyUser/pen/YQzEaL вроде бы так

Comments

[Андрей Филимонов]

Спасибо, а что вы сделали? а то на малых экранах не видно пунктов и мобильный бургер сломался

[Максим]

Андрей Филимонов: их и не было видно .. я просто дописал position:relative;

[Андрей Филимонов]

Максим Ленский: да, извини, плохой пэн, а position:relative; к какому классу?

[Максим]

Андрей Филимонов: ни к какому я обратился ко всем :

ul li{
  width:200px;
  position:relative;
}
ul li ul{
 postion:absolute;
left:0;
}
<code>
вот так я сделал

[Максим]

Андрей Филимонов: 2388 строка

[Андрей Филимонов]

Максим Ленский: спасибо!
ещё добавил

@media screen and (max-width: 736px) {
ul li {
			padding-left: 0.5em;
      position:relative;
      width:200px;
      text-align:center;
		}
ul li ul{
  position:relative;
  
}}

а то в мобильном виде друг на друга наезжали пункты. Правильно?

[Максим]

Андрей Филимонов: я не вижу этого .. но лучше моб меню и вообще вс что делается для мобилок/планшетов смотреть на этих же средствах