Drupal 7 Ошибка загрузки страницы на странице

Question

Я работаю над уже существующим сайтом Drupal (7.28).

Daiya Foods

При просмотре сайта на мобильных устройствах, загрузки страницы на левой стороне экрана, занимая около 25% площади. Затем он привязывается к полноразмерному приземлению пользователя примерно на полпути вниз по странице. Клиент хотел бы, чтобы это было разрешено (или объяснено), и я подхожу пустым.

Screenshot of initial load

Спасибо так много, и, пожалуйста, не стесняйтесь обращаться ко мне с любыми вопросами.

РЕДАКТИРОВАТЬ: Кажется, это происходит на домашней странице реже, чем внутренние страницы.

Answer 1

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

<meta name="viewport" content="width=device-width, initial-scale=1" /> 

Другой возможный вопрос ваш CSS оказывает свои _desktop.scss стили в мобильных видовых. Их следует обернуть в min-width медиа-запросам. У вас много фиксированной ширины, что, вероятно, делает мерцание макета, пока не будет проанализирован мобильный CSS. Вы должны писать CSS в первом мобильном подходе, в котором все ваши мобильные стили не находятся в медиа-запросах, а стили вашего рабочего стола - в min-width медиа-запросах.