Некорректное отображение в смартфоне

[starter]

Добрый день всем.

Адрес сайта: http://ltbattery.ru/

Может кто сталкивался с подобной проблемой.

Добавил левую колонку постоянную. И теперь на дисплее смартфона разметка "уехала". Все видно на скриншоте.

На дисплее компьютера/ноутбука сайт отображается корректно

 

[markimax]

Default шаблон opencart  не адаптивный и не для мобильны устройств  :)

Купите адаптивную тему и установите.  Сразу проблемы с "мобильными" пропадут.

 

[starter]

а есть дефолтная адаптивная версия? :)

[Tom]

В 2,0 из коробки есть.....

[starter]

В 2,0 из коробки есть.....

Зачем мне 2.0, если сейчас у меня 1.5.5.1.2.

Дело в том, что до того когда не было левой колонки на главной странице, то все было хорошо.

На смартфоне все открывалось корректно. Проблема появилась когда зафиксировал левую колонку с категориями на главной с открытой по умолчанию категорией "Аккумуляторы для ноутбуков"

[Verelar]

Можно поиграться с шириной центрального блока

Смотрите в сторону #container

там у Вас сейчас фикс на 980px, данная ширина актуальна для 17 дюймовых мониторов офисных, сейчас в большинстве уже больше везде.

попробуйте сделать 1200px и посмотреть что получится.

Ну и не забудьте про <meta name="viewport" >

 

Естественно остальные дивы тоже надо будет подгонять . Короче Возни прилично, но задача решаемая.

1. #column-left + #column-right + #content, #column-left + #content

убрать свойство margin-left:195px; или заменить..

Ну и далее по списку...