Как убрать отступ при прокручивании страницы вниз?

Question

[zeaovede]

Если вызвать ошибку вторизации, то при прокручивании страницы вниз образуется отступ.



Как убрать отступ при прокручивании страницы вниз?

spoiler

https://ggraft.ru/login/

Comments

[Ankhena]

Как убрать отступ при прокручивании страницы вниз?

Для этого нужно спросить у верстальщика зачем он понаписал столько каши в код, в частности, зачем задал fixed правому блоку.

[zeaovede]

Ankhena, логично ведь. Чтобы изображение прокручивалось вниз по отношению к левому блоку

[Ankhena]

zeaovede, тогда родителю не нужен флекс ;)
Ну и прибейте свой блок к верху и панельке z-index. Будет панелька поверх блока.

[zeaovede]

Ankhena, поверх блока, это значит заголовка частично не будет видно при возникновении ошибки. Вы про это решение?

[Ankhena]

zeaovede, сейчас вы видите заголовок? И продолжите его видеть, потому что подвинете только правый блок (задвинете под красную полосу).

[zeaovede]

Ankhena, убрал displey flex правый блок пропал. Не задвигается он так к сожалению

[Ankhena]

zeaovede,

Не задвигается он так к сожалению

еще раз медленно: его нужно прибить к верху браузера, задать top: 0

[zeaovede]

Ankhena, хотя бы так. Колхоз - наше все. Спасибо

Answer 1

[inkShio]

Задай для блока Объявления (woocommerce-notices-wrapper)

position: absolute;
width: 100%;
z-index: 10;
top: 0;
left: 0;

и все пропадет

Comments

[zeaovede]

Оно то пропадет, но при этом заголовка частично не будет видно при возникновении ошибки. Это из разряда где-то делаем, а где-то ломаем. Я немного сделал иначе. Опять таки по совету тут из комментариев. По хорошему вообще эту ошибку надо выводить в блоке с формой. Но проблема в самом вукоммерсе, т.к. он генерирует свой html, и вставляет туда куда задумано разработчиками. И это всегда неудобно и не всегда так просто повлиять на это. + этот шаблон с ошибкой он подвязывается и к другим шаблонам вукоммерс. Отсюда такое решение. Ну хоть какое