Как не отображать блок css на мобильных устройствах

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

Суть такова. Есть определённый блок в div и надо сделать так, чтобы он не отображался на устройствах, разрешение экрана которых ниже 1000 пикселей. В принципе размер можно задать любой.

Ну так вот делается это в css с помощью такого кода


@media (max-width : 1000px) {
.nazvaniebloka {
visibility:hidden;
}
}

Вот собственно и всё

Подпишитесь на рассылку

Чтобы быть в курсе обновлений блога, новостей по вордпресс и сайтостроительству

4 комментария. Оставить новый

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

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

Заполните поле
Заполните поле
Пожалуйста, введите корректный адрес email.

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Обо мне

Работаю с сайтами с 2010 года.
Более 500 выполненных проектов
Специализируюсь преимущественно на сайтах-визитках, блогах и небольших интернет магазинах.
Подробнее

Внимание! Получи бесплатно видеокурс!

Хостинг ХостиЯ


Меню