Можно ли сделать меню сайта для мобильников такое же как для ПК?

Question

[drveb1]

На блоге Wordpress вот такое меню

Можно ли сделать так, чтобы на мобильной версии было такое же меню?

Comments

[Санек]

Уточните,а в чем проблема? На мобильном устройстве у вас не отображается данное меню или отображается иначе?

[Антон]

alexander1900, Почти наверняка, человек взял шаблон, в котором данная менюха в гамбургер сворачивается, и не знает, как сие поправить.

[drveb1]

alexander1900, На всех сайтах, которые я встречал, в мобильной версии меню всегда свёрнуто. И нужно нажимать на кнопку чтобы оно появилось. А мне нужно, чтобы меню было сразу видно так же как в полной версии сайта.

Answer 1

[Орхан Гасанлы]

Если вкратце -
В файле стилей style.css (скорее всего, если нет другого соответствующего css файла) хранятся медиа запросы под разные размеры экрана.
Откройте в браузере консоль и проинспектируйте элемент (ctrl + shift + c), после чего включите режим адаптивного просмотра в браузере (ctrl + shift + M). Уменьшите размер экрана в ширину до тех пор, пока он не станет нужного размера и соответственно меню превратиться в "гамбургер". Найдите соответствующую строку кода в файле css (посмотите в консоли, справа будет нужный вам код).
А далее остается либо убрать, либо исправить медиа запрос, чтобы в моб. просмотре меню отображалось, как и на десктопе. + Можно наверное каждому пункту меню присвоить width: 100%, чтобы каждый пункт был на всю ширину экрана, соответственно, вы получите вертикальное меню.

Answer 2

[ТыжСисАдмин]

Конечно, пару строк в CSS поправить.

Comments

[drveb1]

То есть получится мобильная версия (которая встроена по умолчанию в шаблоне), но меню будет как у полной версии? и при это всё корректно будет работать и не будет проблем с SEO?

[ТыжСисАдмин]

drveb1, Всё отображаемои и каким образом отображаемо, зависит от стилей.
Как сделаете так и будет, но а на сколько это будет юзабельно и как выглядеть на всех разрешениях - уже на вашей сосвести :)