Подскажите плиз, какой задать CSS в Wordpress в блоке SiteOrigin Слайдер что бы он скрывался только на ПК. Как скрыть на мобильном информация есть на просторах. Поиски, что бы скрыть только на компьютере, оставив видимость на мобильном, успехом пока не увенчались. Думаю тут есть хорошие спецы, которые помогут.
С помощью CSS - через медиа запросы https://developer.mozilla.org/ru/docs/Web/CSS/@media Для большей надёжности проверяют через PHP и не выводят блок в HTML. Библиотека, например https://github.com/serbanghita/Mobile-Detect/
Тёмный лес. Мне бы что попроще, на пальцах. Нашёл код как скрыть на мобильном, работает: @media screen and (min-width: 600px) { #chto_ne_pokazyvat { visibility: hidden; display: none; } } Нашёл код как показать только на мобильном - не работает: .show-on-mobile { display: none; } /* Smartphone Portrait and Landscape */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px){ .show-on-mobile { display: inline; }} Если можно, напишите правильный код.
Да, что-то плохо работает определение девайса. Сейчас проверял, думал, что-то улучшили, но нет, только по размеру можно предположить. Например, если предполагать, что от 800px в ширину начинаются мониторы, то сработает так HTML: <!DOCTYPE html> <head> <title>Проверка media запросов</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> @media screen { .scr {display: block;} .mob {display: none;} } @media not screen, (max-width: 799px) { .scr {display: none;} .mob {display: block;} } </style> </head> <body> <div class="scr">Этот блок для ПК</div> <div class="mob">Этот блок для МУ</div> </body> </html> Правило "not screen" - на будущее. Сейчас у меня, например, игнорит его, как и указание девайса handheld. Для определения ширины на мобильном не забудьте добавить в шапке HTML: <meta name="viewport" content="width=device-width, initial-scale=1">
У Вас нужно скрыть тег с id #chto_ne_pokazyvat? Тогда поправьте. На скрине Вы вставили мои классы. В моём примере на ПК скрывается класс mob, на мобильном скрывается класс scr
Эх, вот ещё понять бы о чём вы? Так? @media screen { .scr {display: block;} .mob {display: none;} } @media not screen, (max-width: 799px) { #chto_ne_pokazyvat { .scr {display: none;} .mob {display: block;} }