Как сделать чтобы на мобильной версии сайт отображался правильно?

Question

[squirtazzer]

А именно таблица с категориями товаров влезала ,и чтобы слайдер не отображался?
antioptika.ru

Answer 1

[Roman]

Попробуй использовать медиа-запросы - дополни CSS.
Они уже используются для больших разрешений в файлах твоей темы: раз, два.
Например так:

@media only screen and (max-width: 480px) {  /* здесь правила для смартфонов */
.master-slider-parent {display: none;} /* выключаем слайдер с картинками */
}

Comments

[squirtazzer]

спасибо большое)еще маленький вопрос кнопка меню(красная)на мобильной версии прям на логотип налезла как ее перенести в правый угол?

[Roman]

squirtazzer:
в style.css строка 3246 запрещает использовать всю щирину страницы в области где логотип и иконка меню, там выставлено width: 16%;
если это условие ни для чего не нужно - просто удали эту строку

[squirtazzer]

Roman: в том то и дело эта строка помогает меню влезть рядом с логотипом)что делать убираешь ее меню вниз улезает,ставишь на мобильной версии не влезает)дилемма)

[Roman]

squirtazzer: изменим строку не полностью для сайта, а для просмотра с мобильных - вовнуть медиа-запроса о котором я писал выше добавьте:
#header hgroup { width: 100%; }

[squirtazzer]

Roman: спасибо)такой вопрос(два баннера-домашняя примерка,и новая коллекция vogue)как их сделать вертикально?они идут в мобильной версии вертикально почему то...