Попытка скрыть изображение на мобильных устройствах

Я пытаюсь скрыть изображение заголовка https://gambiaschoolsupport.org/ на мобильных устройствах.

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

   }
   @media (max-width: 768px) {
   .header-image {
   display:none;
   }

Но когда я смотрю сайт на реальном мобильном устройстве, изображение все еще там! Что здесь происходит?

Источник

2 ответа

Я проверил ваш сайт и обнаружил, что ваш внутренний тег стиля содержит display:block за .header-image учебный класс. Удалите это и проверьте. Но прежде чем сделать это, также удалите display:none от .header-image класс, который приводится в https://gambiaschoolsupport.org/wp-content/cache/autoptimize/css/autoptimize_de8fa02bd732efd9e22723257049a7e0.css. Дайте мне знать, если это работает для вас.

Источник

Использовать экран мультимедиа

@media screen and (max-width:768px)
Источник
Другие вопросы по тегам