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

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



html ломается.

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

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

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

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

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

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

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

песочница

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как правильно прописать z-index чтобы плавающая форма перекрывала footer?

bassoon48, а вот так без панели


П. С. в данном случае HTML растянут на весь экран (голубая область).

А в первом случае html не на весь экран заезжает. Откровенный баг какой-то или недоработка.

Какой же WP забагованный просто борода, все мелочи пилю руками))

Как правильно прописать z-index чтобы плавающая форма перекрывала footer?

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

body { margin: 0; }
   html {
    min-height: 100%;
   }
   body {
    min-height: 100%;
    display: grid;
    grid-template-rows: 1fr auto;
   }
   footer {
        display: grid!important;
    grid-row-start: 4;
    grid-row-end: 4;
   }

div#wpadminbar {height: auto!important; min-width: auto!important; position: fixed!important}
div#page {display: grid}

Если заходить без админской панели сверху то пустого пространства вроде как нет.

А если захожу с админской панелью сверху - то проплешина внизу есть. Как пока победить не знаю...Думаю.

П. С. лечится пока только если контент бахнуть :D



Это нужно админскую панель допилить? для мобилок

Как правильно прописать z-index чтобы плавающая форма перекрывала footer?

Вадим, чё ещё странно что header и центральный блок div имеют индексы 998 но центральный блок выше хэдера.

Это потому что сама модалка выше всех? с индексом 5000 вроде

Как правильно прописать z-index чтобы плавающая форма перекрывала footer?

Вадим, я щас сюда по бырику скину ещё раз ссылку (или она у вас сохранилась?)

genreeds.ru

П. С. чуть позже буду писать фильтр чтоб отсеивать фейк email и допилю блок footer чтоб не было пустого места

Как правильно прописать z-index чтобы плавающая форма перекрывала footer?

Вадим, Сенсей, возможен ли такой вариант.

Кароче у меня сайт построен как я понял таким образом. Header, content и footer.

Изначально Header имел 999 индекс, футер 997, а центральный блок контент ничё не имел.

Я сделал так: header 998, footer не трогал (997).

А вот центральный блок я сделал position:relative и z-index: 998

И в итоге центральная область когда выезжает окно подтверждения стала выше всех. Но и по факту ссылки не поломались и вроде ниче не поломалось.

Вопрос на миллион. Чем чревевато что я поставил position: relative вместо static для центрального блока?