Перейти к содержанию
starter

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

Рекомендуемые сообщения

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

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

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

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

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

 

post-684202-0-54825100-1431015854_thumb.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

 

8459937245.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

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

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

 

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От Razon
      Уважаемые знатоки,
       
      Помогите настроить внешний вид сайта на мобильных устройствах. В хэдере надпись съезжает на корзину, и в футере ссылка на соц. сети выглядит не очень. Прикрепляю фото. Что править в первую очередь? На компьютере все отображается прекрасно. Стоит ли трогать responsive.css? И если да, то где?)

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.