CSS — Как убрать рекламу с вебсайта или блога для маленьких экранов

Как убрать рекламу с блога для мобильных телефоновСегодня решил повесить рекламу на блог, чтобы хоть частично окупить затраты на хостинг и столкнулся с проблемой — реклама делает сайт уродливым при просмотре на мобильном телефоне. Решилось это очень элегантно.

Все рекламные блоки были заключены в теги <div class="google-ads">...</div>.

И в CSS добавлен переключатель видимости:

@media screen and (max-width: 975px) {
    .google-ads { display: none; }
    }

Теперь блог можно читать на мобильном телефоне не видя рекламы.

Поделитесь с друзьями:



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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>