2014-01-25 5 views
-1

Это действительно прослушивает меня, и я понятия не имею, почему, когда я просматриваю этот сайт на своем мобильном телефоне, он показывает только среднюю секцию, а не стороны. Моя боковая навигация находится на левой стороне и полностью разрезает ее, и я не могу ее прокрутить.Почему мой сайт не показывает боковую навигацию?

Есть ли какой-либо медиа-запрос, который я мог бы попробовать? или каким-то образом измените мой CSS?

Извините, что я расплывчато, но я понятия не имею, что спросить, чтобы он работал.

Вот сайт www.joetest.comyr.com

заранее спасибо за любую помощь!

+0

Просьба включить достаточно информации в вопрос, чтобы воспроизвести проблему. –

+0

В основном, когда сайт просматривается на мобильном устройстве, вы можете видеть только то, что находится внутри обертки с определенной шириной 1220 пикселей. Боковая панель навигации находится внутри обертки, но я смещаю ее в сторону с крайним краем и краем слева. мой браузер делает то же самое, когда я уменьшаю его. Я просто не понимаю, почему браузер/мобильный телефон не отображает 100% страницы. Надеюсь, что поможет – Joe

+0

«Достаточная информация» будет содержать достаточно HTML и CSS вашего сайта, чтобы продемонстрировать проблему (но не слишком много!) –

ответ

0

У вас ширина ширины #mainpage, а не max-width, так как страница уменьшена, # основная страница занимает весь экран. Кроме того, у вас есть отрицательный margin-left, установленный на #leftpanel, который вытягивает его с экрана, когда размер экрана меньше. Я уже возился с вашим сайтом с помощью firebug прямо сейчас, и, удалив атрибут margin-left, я смог сохранить меню на странице при изменении размера браузера.

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

+0

Но, удалив отрицательный запас с #leftpanel, он будет сидеть внутри главной страницы, где он блокирует другой контент. – Joe

+0

Вот почему я предложил вам изменить структуру html. Поместив левое меню внутри div контейнера, вам не нужно использовать отрицательный запас. http://jsfiddle.net/75E5W/ – Longblog

Смежные вопросы