yariknashivan
@yariknashivan
django / python

Не отображаются ссылки внизу блока на мобильных устройствах?

В меню расположены ссылки "Changelog" и "Terms and Conditions", они не отображаются на мобильных устройствах. Точнее не вмещаются в размер экрана.
Примеры:
Меню на мобильном устройстве:
5d45b54e95882383543517.jpeg
Меню на мобильном устройстве (с большой высотой):
5d45b57659be7351610172.jpeg
Меню на компьютере:
5d45b58aac160594889659.jpeg
Код на codepen:
  • Вопрос задан
  • 51 просмотр
Решения вопроса 1
1) У класса .footer-links-div установлено свойство margin-top: 250px;.
Потому и не помещается в высоту экрана.
При этом, у блока нет прокрутки.
Скриншот

5d45c80f8da0f744360500.png


2)Ощущение, что прокрутки нет из-за позиционирования position: fixed;
Если заменить на absolute, прокрутка появляется.
Скриншот

5d45c8688db6f706268593.png


3) И кажется, лучше убрать ограничение высоты блока #sidebar
Скриншот

5d45c86ccc447120759865.png
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы