Вид сайта для мобильного телефона

АвторСообщение
AMA3OHKA_
Пользователь
год назад

Добрый день, уважаемые конструкторы!

Вопрос такой. Как надо верстать сайт, какие настройки указывать в виджете, чтобы на телефоне вид сайта не был съехавшим набекрень?

Например, скрин вебвизора. Две колонки не влазят в экран. Чтобы влазили, это надо на телефоне верстать, чтобы подогнать под размер экрана?

TheSteelFury
Партнер
год назад

На свои шаблоны я вставил скрипт, который добавляет элемент к таблице.

<script type='text/javascript'>
$(function(){
$('table').wrap('<div class="table-responsive"></div>');
});
</script>

Недавно было обновление. Подправил вам сайт и вставил код. Проверил. Всё работает. Пользуйтесь :)

AMA3OHKA_
Пользователь
год назад

Добрый день.

Не понимаю, как этот скрипт работает и куда его необходимо вставлять, чтобы всё выровнялось...

Вот смотрите, вот так выглядит страничка на винде:

 

А это скрины с телефона:

   

   

 

Съезжают и виджеты в неизвестном направлении и текст вылезает. 

AMA3OHKA_
Пользователь
год назад

И это я ещё всячески пытаюсь впихнуть, чтобы всё и на телефоне красиво было. Верстаю на винде, а на телефоне обновляю и мониторю. что получается.

Но ничего не получается во с верхними первыми виджетами.(((

Machino
Разработчик
год назад

Что то даже на винде выглядит как- то не очень :)

TheSteelFury
Партнер
год назад

AMA3OHKA_ писал:

Добрый день.

Не понимаю, как этот скрипт работает и куда его необходимо вставлять, чтобы всё выровнялось...

Вот смотрите, вот так выглядит страничка на винде:

 

А это скрины с телефона:

   

   

 

Съезжают и виджеты в неизвестном направлении и текст вылезает. 

Этот код был для таблицы, которую вы показывали на скрине. А чтобы избавиться от этих отступов - нужно выставлять их намного меньше. Либо через SCSS делать для маленьких экранов. Сейчас вам попробую сделать

TheSteelFury
Партнер
год назад

Готово. Добавил колонки в виде отступов. Сделал стандартные отступы 15px

AMA30HKA_
Пользователь
год назад

TheSteelFury писал:

Готово. Добавил колонки в виде отступов. Сделал стандартные отступы 15px

Спасибо. Правильно понимаю: если делать более 2-х колонок, то всё съезжает? И колонки должны быть одинаковой ширины?

AMA3OHKA_
Пользователь
год назад

И ещё вопрос: раньше если виджет коммента удаляешь, а потом восстанавливаешь, то комменты не пропадают.

А почему сейчас комменты в админке есть, а на странице их нет?

 

Machino
Разработчик
год назад

Когда вы добавляете виджет комментариев, он привязывается к какому либо объекту на странице. Например к элементу каталога или к самой странице. Если в будущем вы эту страницу измените или удалите какой то важный объект на странице, за который цеплялся виджет комментов то все пропадет

AMA3OHKA_
Пользователь
год назад

Machino писал:

Когда вы добавляете виджет комментариев, он привязывается к какому либо объекту на странице. Например к элементу каталога или к самой странице. Если в будущем вы эту страницу измените или удалите какой то важный объект на странице, за который цеплялся виджет комментов то все пропадет

Можно как-то понять, к какому именно виджету прицепился коммент, или он рандомно/стихийно это делает?