Как сделать сайт на Wordpress mobile responsive?

Question

[1739]

Делаю сайт на Wordpress (тема Twenty Sixteen). b1e.000.myftpupload.com Пока сделала header и footer. Но вижу, что на телефоне и планшете уже все поплыло. Верхнее меню залезает за нижнее и т.д. Не подскажете, где почитать, чтобы понять что поправить?
Спасибо заранее!

Answer 1

[Mr Crabbz]

Читать htmlbook.ru : html, css, media queries.
Wordpress тут вообще не причём.

Answer 2

[Ankhena]

Читать про meta viewport и media queries и без разницы вордпресс это или любой другой зверь

Comments

[1739]

Я так понимаю, что данная тема уже mobile responsive (там присутствуют media queries в коде). Почему тогда они не применяются?

[Ankhena]

1739: Почему же не применяются? Применяются. Откройте DevTools, нажмите на телефончик и повозите за край экрана - видно, что применяются.
Криво - ну что написано, так и применяются.

[Максим Кудрявцев]

1739: они применяются, только не так, как тебе нужно

[1739]

Ankhena W: А можете подсказать по верхнему меню: здесь нужно CSS править или mуdia queris для него прописывать?

[Ankhena]

1739: вопрос сформулирован так себе..
1. media queries пишутся в CSS
2. А править те части CSS, вид которых вас не устраивает.

На мой взгляд (правда только в 1 браузере смотрела), на больших экранах, пока меню не свернулось в кнопку, оно выглядит нормально. А вот на маленьких, развернутое нажатием на кнопку, ведет себя плохо. Исправлять надо, по крайней мере, ширину и позиционирование.

Answer 3

[Axian Ltd.]

Или взять готовую responsive тему.