Иван

У меня с телефона "все плохо". Не, ничего не сыпется конечно, но смотреть тяжко.

В background может входить много чего, в т.ч. цвет.
Насколько помню background-color может переопределить background.

Ааааа, можно мне развидеть это обратно?!!!
https://youtu.be/P5CoC32T6TQ

По теме

$sql1 = "SELECT * FROM `Models`";
$result1 = $conn->query($sql1);
$sql2 = "SELECT * FROM `Some_Table`";
$result2 = $conn->query($sql2);

Правильный ответ - "не надо так". Опять же метатеги с указанием языка не просто так придуманы.
Да и в семье вам профит с такого костыля?

PHP. Net в помощь. Скрипт стандартный что на 1, что на 2.

Просто удалите. У вас язык в html прописан.

upd.
Вообще снесите на*ер все "meta http-equiv ..."!!! Не мешайте оформление HTML4 и HTML5. set charset

PS
Гугл-транслейт наше (ваше) все!

Можно использовать шаблонизатор. Например Handlebars JS.

https://habrahabr.ru/post/230751/

Дай-ка угадаю, а в логах
Uncaught ReferenceError: jQuery is not defined
?

Вам нужен back-end, тобишь сервер. Можно конечно как написал WQP хранить в куках, но это во первых не надежный способ, во вторых будет работать только на том девайсе, где добавлено (т.к. куки привязаны к браузеру по факту).

Меняете шило на мыло. Причём буквально. Можно конечно перенатянуть шаблон с нуля, но по факту тогда источник шаблона не так важен.
И да, как писали не все фишки с заточной под одну систему, хороша зайду в другую.
Можно взять ModX или фреймворк - на них натягивать что угодно, но тогда вас надо спросить какая вообще причина переезда?

Не парьтесь, это как "Вы все еще юзаете JQuery? 2016/17 на дворе - React!" (если что, это Каково оно учить JavaScript в 2016).
На самом деле не так важно что юзать, смотрите что удобнее вам поддерживать.

Там может браузер старый? Тогда поставьте Safari для Windows, скорее всего там тоже самое будет.

На мобильных такое меню дублируются на обычное.

проблема в том, что бы адаптировать контент.

поверьте, не у вас одного

Так же данная страница будет состоять из так называемых модулей(секций). Каждая секция равна ширине и высоте монитора.

• содержимое хранится в JS и подменяется при кликах / событиях шаблнизатором
  
• пользуются специальные плагины, например как написал iBird Rose alvarotrigo.com/fullPage
  
• содержимое хранится в скрытых дивах, управляется собственно видимостью нужного блока
  

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

Ну на самом деле вариантов вагон. По факту вам нужна "резиновая верстка", но строгой реализации нет - все зависит от контента.

PS
Думаю для такого приложения неплохо зайдет React.

Ослик банально много чего не поддерживает. Читайте спецификации ...
А лучше просто забейте на старых ослов.

Все просто.
Подключаешь JQ. Парсишь содержимое в массив с индексом по твоим дата-намберам. Затираешь исходный див и выводишь новый (т.к. они выстроились по индексу, то выйдут сортированными).
Если не ясно , как буду за компом, то набросаю пример.

ЗЫ
Вообще это дело бекэнда.

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

Нет совсем времени, но ничего не знаю - обратись к профессионалу.
А то "научите как быстро, дешего и через 15 минут полететь в космос" чудес не бывает.
Кстати +1 за ModX, но опять же если с ним не знаком, то надо потратить время.