CSS media queries — Как избавиться от перестраивания элементов во время загрузки страницы на мобильных устройствах?

Question

[Сергей Dydaevskiy]

Здравствуйте.
Имеется сайт на WordPress, моя задача сделать для него адаптивную тему для чего был сверстан шаблон, и прописаны все media queries стили.
Суть проблемы заключается в отображении контента на мобильных устройствах, дело в том что при загрузке страницы, в начале появляется сжатая версия полноценного контента сайта (то есть блоки как бы сжимаются), за тем весь контент приобретает указанный в media queries вид для мобильных устройств.
Что необходимо исправить что бы сразу появлялся вид указанный в media queries для мобильных устройств?
Вот ссылка на тестовый домен: testkomok-lawsumdutest.rhcloud.com
Баг можно увидеть в FireFox изменив ширину браузера до самого маленького размера.
ПС: CMS WordPress+BootStrap3+VisualComposer

Answer 1

[Дмитрий Христоев]

body.dslc-res-phone #dslc-content #dslc-module-41 .dslc-html-module-content h4 - как пример, сначала грузим простой цсс, потом определяем, что это мобильник, добавляем в body .dslc-res-phone - и перестраиваем. Советую поставить прелоадер - codepen.io/mimoYmima/pen/fisgL , он вешается на window.load и пока страница не подгрузится, ни чего не покажется. Попробуйте

Comments

[Сергей Dydaevskiy]

Спасибо, буду пробовать

Answer 2

[fetis26]

У вас мобильные стили каким-то образом завязаны на JS, либо подгружаются через него, либо определяются через него. Если выключить JS то на мобильнике все будет плохо. Соотв надо избавиться от этой зависимости и все заработает.

Comments

[Сергей Dydaevskiy]

Спасибо, буду ковырять

[Сергей Dydaevskiy]

нашел файл main.min.js но если его отключаю страница не перестраивается полностью в мобильный вид. Я так понимаю что этот файл отвечает за респонсив в live composer плагине для wordpress. Блин а весь сайт сверстан через данный плагин.

[fetis26]

dydikson: main.min.js это скомпилированный скрипт. там много всего по идее. если в плагине можно отключить этот функционал, то это надо сделать и прописать медиа-запросы в стилях. но это может быть дофига работы

[Сергей Dydaevskiy]

Хм... А ведь это тоже вариант. Благодарю, мучаю тему дальше.