Как мне исправить мой отзывчивый медиа-запрос? - PullRequest
Новая
       5

Как мне исправить мой отзывчивый медиа-запрос?

0 голосов
/ 27 сентября 2018

Я пытаюсь исправить некоторые отзывчивые проблемы на моем сайте WordPress.

До того, как это выглядело в мобильном представлении:

enter image description here

Затем я добавил следующий код в мой CSS в моей дочерней теме: 

@media only screen and (max-width: 768px) {
    .header-filter, .background-image {
		height: 85%;
		
	}
}
@media only screen and (max-width: 768px) {
     .hestia-title {
		height: auto;
		
	}
}

Теперь это выглядит так:

enter image description here

Итак, изображение заголовка иразмер заголовка изменен, чтобы соответствовать экрану мобильного устройства, между ним и div .blog-post остался пробел, показывающий за ним изображение домашней страницы (где черный пробел).

Часть сообщения блогасайт уже адаптивен как часть темы, которую я скачал, поэтому мне нужно закрыть пробел и поднять .blog-post, чтобы снова встретить нижнюю часть заголовка, если это возможно.

Есть идеи?

Спасибо

1 Ответ

0 голосов
/ 27 сентября 2018

Прежде всего проверьте, есть ли эта строка в вашем файле или нет в разделе.если не добавлена ​​эта строка в ваш файл, то сначала вы добавляете эту строку в

''

и проверьте свою отзывчивую тему.

...