Перейти к содержанию
13rus

Спрятать модуль на мобильной версии

Рекомендуемые сообщения

Добрый вечер!Помогите разобраться как можно отключить модуль  для всех мобильных устройств? нашел решение на форуме

Пример для размеров экрана от 300 до 499 пикселей

@media screen and (min-width: 300px) and (max-width: 499px) {
.moi_filtr {
display:none
}

вставлял в stylesheet.css

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

@media screen and (min-width: 300px) and (max-width: 499px) {
.moi_filtr {
display:none
}

 

Скобку не закрыли :) А important убьет точно!

@media screen and (min-width: 300px) and (max-width: 499px) {
  .moi_filtr {
    display:none!important;
  }

}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Обернуть его в класс hidden-xs.

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
16 минут назад, Wadamir сказал:

@media screen and (min-width: 300px) and (max-width: 499px) {
.moi_filtr {
display:none
}

 

Скобку не закрыли :) А important убьет точно!

@media screen and (min-width: 300px) and (max-width: 499px) {
  .moi_filtr {
    display:none!important;
  }

}

а так верстка совсем поехала(

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
17 минут назад, Tom сказал:

Обернуть его в класс hidden-xs.

Вы имеете в виду в body { прописать overflow-x: hidden; ?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

эээээээээ  

 

Речь шла о неком модуле.Именно о нём и был ответ.Где там про overflow и прочее в моём сообщение не вижу в упор.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
5 часов назад, 13rus сказал:

а так верстка совсем поехала(

:)

тогда вместо display:noneставьте

visibility:hidden

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.