Как решить проблему с админской панелью wordpress на смартфонах (панель ломает 100% высоту html)??

Question

[bassoon48]

Давать пример сайта смысла - 0.

Любой желающий может накатить Wordpress, woocommerce и любую тему (в моём случае это Botiga).

Всем известно что footer при недостатке контента не прилипает к низу страницы на wordpress. Это решается очень легко через свойство grid.

Окей эту проблему решили.

Но когда вылазит админская панель, это ломает 100% высоту html и footer не прилипает к концу страницы.
Да, можно заполнить контентом и всё будет чики бамбони. Но это костыль.

Есть ли у кого готовое решение?

П. С. модеры - не надо писать мне что это "задание а не вопрос и ты сам ничё не сделал". Да я ничё не сделал потому что это багулина и где чё искать неизвестно, в интернете инфы 0!



а вот так будет если сделать position fixed

Comments

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

Любой желающий может накатить Wordpress, woocommerce и любую тему (в моём случае это Botiga).

все сразу кинулись накатывать Wordpress, woocommerce и любую тему

с вашей стороны было бы более уважительно, если бы вы воспроизвели проблему в песочнице и скинули сюда ссылку, вам же это нужно в первую очередь

[bassoon48]

Владислав Лысков, а зачем накатывать? эта багулина есть в 100% случаях.

Я не заставляю (лично вас) ставить. Те у кого стоит могут поделиться (или нет) своими решениями

[bassoon48]

Владислав Лысков, и да, это нужно ВСЕМ юзерам в первую очередь. Почему? читайте сообщение выше. Багулина в 100% случаев.

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

bassoon48, у панельки какой display? absolute?

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

bassoon48, я бы не назвал это багом

[bassoon48]

Владислав Лысков, изначально absolute.

Выглядит всрато.

Если сделать fixed то это имеет смысл так как панель будет закреплена сверху

Если сделать relative - панель уедет в самый низ. И тогда html уже НЕ будет сломан и будет занимать 100%.
Но остаётся вопрос - как это панель при relative запиз....наверх?

[bassoon48]

Владислав Лысков, поправил сообщение (не снизу а сверху будет закреплена при fixed)

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

bassoon48, при relative она не будет фиксироваться, но ок, при релатив её поднять выше всего остального в хтмл

[bassoon48]

Владислав Лысков, при relative получается примерно тоже самое что и при absolute.

Просто в первом случае она закреплена внизу. И страница html занимает 100% высоты и не ломается.

А при absolute она закреплена сверху но html сломан и 100% не заполняется. Внизу будет всегда дыра если контента мало.
Это недоработка...

[bassoon48]

Владислав Лысков, У меня есть мысль сделать её relative. Она уедет вниз. Но как её наверх поднять при это сохранив grid адаптивность?

[bassoon48]

Владислав Лысков, дело в том что она и так и так не фиксируется.

При absolute она просто выглядит всрато так как оставляет проплешину внизу при недостатке контента и ломает html.

Есть 2 варианта.
1) position: fixed, но тогда надо думать как убрать проплешину внизу (всё равно чинить html надо будет)
2) position: relative - надо понять как поднять div выше всех. (я думаю скорее всего придётся ковырять код)

п. с. вордпресс му аки

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

bassoon48, потому что у этой панельки фиксированная высота, и она учитывается

[bassoon48]

Владислав Лысков, она прекрасно работает с параметрами auto.

Сама панелька прекрасно адаптируется

[bassoon48]

Владислав Лысков, я так понимаю если делать relative то надо ковырять код вручную чтоб блок div wp-admin перенести вручную в самый верх?

А если сделать fixed, то как починить проплешь? тоже никак?

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

bassoon48, пробуй, вслепую решать такое себе

[bassoon48]

Владислав Лысков, что значит вслепую? ты рофлишь?

У тебя стоит wordpress. Создай левую страницу (10 секунд). Открой её (5 секунд). И включи в браузере отображение с мобилки.

Вот и увидишь проблему.

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

bassoon48, у меня нет вордпресса последний раз я на нём что-то делал лет 5 назад

[bassoon48]

Владислав Лысков, дак может проще тебе самому песочницу запустить и глянуть если хочешь помочь?

Я то что должен сделать?)))

Я понимаю если случай частный - ок. НО если багулина в 100% случаях то смысл?

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

bassoon48,

дак может проще тебе самому песочницу запустить и глянуть если хочешь помочь?

не

[bassoon48]

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

Только потому попробуй не помочь))

[bassoon48]

Владислав Лысков,

песочница

ломись. Заходи

[bassoon48]

Владислав Лысков, там открой сразу сайт. Я уже поставил тему Botiga.

Включай инспектор и включай отображаение с телефона. Увидишь проблему....

[bassoon48]

Владислав Лысков, видишь какая муйня?



html ломается.

П. С. тут кстати когда relative делаешь, админская панель остаётся наверху. А у меня улетает в самый низ.

Наверно надо поставить стартовый сайт демо. тогда будет также улетать

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

bassoon48,

html, body {
    height: 100%;
}
#page {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 46px);
}

[bassoon48]

Владислав Лысков, у меня гриды а не флексы. Мне не пойдёт такое скорее всего

[bassoon48]

Владислав Лысков, я попробую спасибо

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

bassoon48, у меня с гридами хреново, но я думаю данный пример переделать в гриды можно

Answer 1

[Refguser]

Не представлю как можно работать в админке на смартфоне, но для этого есть приложения Для WC и для простого WP.

Comments

[bassoon48]

это скорее перфекционизм.

А работать естессно не буду....