Откуда отступ в подвале сайта?

1 ответ

На странице сайта откуда то появляется огромный отступ в подвале сайта, скорее всего из-за скрипта для contact-form-7.. Но понять где не могу, может кто подскажет ? или может есть более простое решение для реализации этих правил (по нажатию на первую категорию отображается один список правил, по нажатию на второй - первый скрывается и отображается второй и тд.)

Дополнительно

mahmudchon @mahmudchon Ответ в этом месте, вы текст прячете через opacity.

.accordeon-rules ul li input[type=checkbox]:checked~p {     margin-top: 0;     max-height: 0;     opacity: 0;     transform: translate(0,50%);     display: block; }

.accordeon-rules ul li input[type=checkbox]:checked~p { margin-top: 0; max-height: 0; opacity: 0; transform: translate(0,50%); display: block; }

Замените код на этот и все будет нормально:

.accordeon-rules ul li input[type=checkbox]:checked~p {     margin-top: 0;     max-height: 0;     transform: translate(0,50%);     display: none; }

.accordeon-rules ul li input[type=checkbox]:checked~p { margin-top: 0; max-height: 0; transform: translate(0,50%); display: none; }

А тот небольшой отступ, который указан у вас на скрине, он задан стилями сверху и снизу

footer {     padding: 80px 0; }

footer { padding: 80px 0; }

Супер, благодарю.. даже не подумал бы про "дисплей"..

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь

Лучший ответ

Павел Админов Ответ

Отступ в подвале сайта почти всегда находится через инспектор браузера. Нужно кликнуть по пустому месту внизу страницы и посмотреть, какой элемент создаёт высоту: margin, padding, пустой блок, фиксированный виджет, iframe, cookie banner или псевдоэлемент.

Типовые причины:

body или html имеет лишний margin-bottom;
у последнего блока перед footer стоит большой padding-bottom;
footer имеет min-height;
скрытый виджет остаётся в потоке;
после футера выводится пустой блок конструктора;
cookie/chat/popup создаёт место снизу.

В DevTools временно отключайте CSS-свойства у подозрительных блоков. Если отступ пропал — источник найден.

Частая CSS-правка выглядит так:

.site-main &gt; :last-child {
    margin-bottom: 0;
}
 
.site-footer {
    margin-top: 0;
}

.site-main > :last-child { margin-bottom: 0; } .site-footer { margin-top: 0; }

Но не стоит сразу писать такой CSS вслепую. Сначала найдите конкретный элемент. Иначе можно убрать отступ на одной странице и сломать нормальный ритм на других.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий Отменить ответ

Вам также может быть интересно

woocommerce Как отображать при фильтрации товары со значением search параметра visibility: HUSKY — Products Filter for WooCommerce? 0 ответов VPN Почему подключение через VPN работает только на wi-fi, а через кабель нет, где ошибка? 0 ответов Safari Почему снова флагнули домен в safari? 0 ответов Telegram Как диагностировать ошибку с подключением к прокси в мобильном приложении Telegram? 0 ответов

Откуда отступ в подвале сайта?

Дополнительно

комментарий Отменить ответ

Вам также может быть интересно

Ежедневно, круглосуточно