Question

После смены дизайна главной страницы сайта, она стала не красиво смотреться на мобильных устройствах. 

Есть необходимый тег: 
 <meta id="viewport" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=2.0; user-scalable=no" />

Однако эта главная страница, почему то не "слушается"

Как подстроить размер контента под размер верхнего меню этого стандартного PDA шаблона? что в итоге приведет к нормальному просмотру на мобильных гаджетах. Ведь если главную страницу подстраивать под мобильные, то на ПК она смотрится как то ущербно.

Answer 1

Все правильно, этот тег лишь задает правильное соотношение сторон для мобильных устройств, но не адаптирует дизайн сайта, вы установили дизайн с табличной версткой, это плохой выбор так как адаптировать такой дизайн невозможно.

• Меняйте на новые стандартные шаблоны с адаптивным дизайном, в общих настройках сайта такие шаблоны находятся на первых 5 страницах.