В мобильной версии выпадающее окно прячется, позиционка не помогает, из за чего?

Question

[vlados332332]

Есть выпадающее окно "личный кабинет", на ПК всё работает хорошо, как только открываю на моб. телефоне и жму "личный кабинет" происходит следующее ( скрин 1 )
С чем это может быть связано?
Код приложу в виде фото, прощу прощения (CSS)

Comments

[Владислав Лысков]

Ты думаешь css иконки это всё, что нужно?

[vlados332332]

Владислав Лысков, Извините, видимо я чего-то не знаю. я же не профи и могу ошибаться.

[Владислав Лысков]

vlados332332, нужен css этого окошка, а не класса .fa

[Ross Alex]

vlados332332, ... и его предка, желательно.

[vlados332332]

Yaroslav O.,
Я вас правильно понял?

[Ross Alex]

У вас, скорей всего, родительский контейнер не имеет position: relative;

[vlados332332]

Yaroslav O., Понял, сейчас попробую.

[Вадим]

vlados332332, ну, судя по всему, у Вас всё верно работает. На более широком экрана у вас иконка профиля в первой строке и всё помещается. На мобилке переносится вниз. В css right: 0; Вот оно и уезжает. Сделайте медиа запрос в котором будете менять на right: initial, left: 0;

[profesor08]

Вадим, это бутстрап, такое поведение он регулирует при помощи transform, и помогать ему не надо.

[Вадим]

profesor08, судя по скрину автора это поведение срегулировал класс dropdown-menu-right