Отображение сайта в браузере телефона

[JenD]

Здравствуйте. Помогите пожалуйста по двум проблемам:

1. Как сделать нормальным отображение сайта на телефоне? Настраивал для компьютера, а в браузере телефона получилось все смещено. Хотелось бы выровнять и наладить. Скрины

http://rghost.ru/58651807

http://rghost.ru/58651818

2. Как сделать фильтры на сайте связанными?

В категории ставлю 2 или более фильтров. Но нормально работает, если фильтровать только по одному. Когда выбираю несколько значений, показывает результаты опять же только по какому то одному.

Заранее всем спасибо!

[JenD]

Смещение на телефоне только баннера (заходит на категории). Размер изменить не могу, так как будет неправильно на экране компьютера. А также товаров (уходят вниз, под правые и левые колонки)

[wipper]

Так и на компе такая же ерунда как и на первом скрине, а вот на андройде всё ГУУУД )))

[JenD]

На моем нормально все было. Размеры экрана походу разные. Подскажите, возможно ли подогнать под все?

[wipper]

На моем нормально все было. Размеры экрана походу разные. Подскажите, возможно ли подогнать под все?

Конечно можно и даже всё очень просто - изучайте адаптивную верстку средствами css.

[wipper]

делайте так

@media screen and (max-width: 980px) { 
/*сюда стиль под размер экрана который нужно измнить*/ 
}

@media screen and (max-width: 640px) { 
/*сюда стиль под размер экрана который нужно измнить*/ 
}

@media screen and (max-width: 320px) { 
/*сюда стиль под размер экрана который нужно измнить*/ 
}

Тоесть при сворачивании окна даже в браузерах будет меняться CSS в зависимости от размеров окна

[JenD]

Не слишком просто, врятли сам справлюсь. Странно что на прошлом сайте все было отлично во всех браузерах. Хотя версии opencart одинаковы

[wipper]

Не слишком просто, врятли сам справлюсь. Странно что на прошлом сайте все было отлично во всех браузерах. Хотя версии opencart одинаковы

opencart  здесь не причем, стили редактировать надо

[fijneman]

Потестив решения из этой темы (https://opencartforum.com/topic/35925-%D0%BC%D0%BE%D0%B1%D0%B8%D0%BB%D1%8C%D0%BD%D0%B0%D1%8F-%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%8F-%D1%81%D0%B0%D0%B9%D1%82%D0%B0-opencart/) я прикрутил к контроллеру header.php детекцию мобильных браузеров и подсовывание шапки header1.tpl. В ней поотключал тяжелые и ненужные скрипты, забабахал stylesheet1.css и там увеличил шрифты, элементы, на которые нужно кликать. Поскрывал всякую не особо нужную фигню через display:none, включая кнопки заказа, корзину, поиск. 

 

Вроде стало сносно выглядеть на экранах с шириной 700-800 пикселей и по всяким нажимающимся элементам попадаю.

[wipper]

Нафига чтото подсовывать, просто открыть браузер и в режиме вебмастера исправить шаблон под нужное разрешение, попутно исправляя файл стиля

[wipper]

Здравствуйте. Помогите пожалуйста по двум проблемам:

1. Как сделать нормальным отображение сайта на телефоне? Настраивал для компьютера, а в браузере телефона получилось все смещено. Хотелось бы выровнять и наладить. Скрины

http://rghost.ru/58651807

http://rghost.ru/58651818

2. Как сделать фильтры на сайте связанными?

В категории ставлю 2 или более фильтров. Но нормально работает, если фильтровать только по одному. Когда выбираю несколько значений, показывает результаты опять же только по какому то одному.

Заранее всем спасибо!

#container {
width: 980px; ИЗМЕНИ НА width: 1024px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

Вроде тогда нормально отображается

[JenD]

Wipper, Спасибо большое!! Помогло)

[wipper]

Wipper, Спасибо большое!! Помогло)

 Огромное пожалуйста! Помогая другим - совершенствуешься сам!