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

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

0 голосов
/ 01 февраля 2019

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

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

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

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

Ответы [ 2 ]

0 голосов
/ 01 февраля 2019

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

@media screen and (max-width:768px)
0 голосов
/ 01 февраля 2019

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

...