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

Question

Моя страница отображается правильно на настольных браузерах, но не на мобильных устройствах. URL-адрес удаляется после разрешения вопроса. Логотип в левом верхнем углу абсолютно расположен. Дивы под заголовком также абсолютно расположены с left: 0. В настоящее время div#page имеет position:relative, но я пробовал помещать относительное позиционирование на множество оберточных divs без успеха. У меня также есть php-выходные буферы в каждом отдельном php-файле (например, header.php, body.php).

В слайд-шоу используется плагин WordPress, который вызывает плагин jQuery Cycle, а также объявляет абсолютное и относительное позиционирование, поэтому он может вызывать путаницу в отношении относительного и абсолютного. Но я попытался привязать относительное и абсолютное позиционирование к элементам в кажущейся каждой комбинации и до сих пор не повезло.

p.s. Я знаю, что CSS беспорядок, я планирую пройти и рефакторинг после того, как выясню эту проблему позиционирования.

Answer 1

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

#main #content { margin: 0 7.6%; width: auto; }

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