Вітання ! Сьогодні ви дізнаєтеся як за допомогою простого CSS коду можна приховати показ будь-якого елементу сайту на мобільних пристроях. Наприклад, ви хочете, щоб на основному сайті елемент відображався, а на мобільному пристрої не відображався. Тобто, при досягненні певного розміру екрана, елемент буде автоматично ховатися. Ви можете приховувати таким чином будь-які елементи сайту, меню, форми, віджети, веб-елементи і т.д.
Вам потрібно буде встановити спеціальний CSS код, в якому потрібно буде вказати назву CSS елемента і максимальний розмір екрану. Ось цей CSS код:
@media screen and (max-width: 600px) #chto_ne_pokazyvat visibility: hidden;
display: none;
>
>
1 рядок - Тут потрібно вказати максимальний розмір ширини екрану в пікселях, при якому елемент не буде показуватися. Тобто, при досягненні ширини екрану в 600 пікселів елемент буде автоматично ховатися.
2 рядок - Тут потрібно вказати назву елемента для CSS.
Решта рядків залиште без змін.
Якщо ваш сайт на WordPress, вам допоможе плагін - Simple Custom CSS. В поле плагіна ви додасте даний CSS код.
Після збереження CSS коду, всі зміни вступлять в силу.