Ширина recallbar

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

Пробовал так

#recallbar {
    max-width: 1200px;
    left: auto;
    margin: 0 auto;
}

#recallbar {
    max-width: 1200px;
    left: 50%;
    margin: 0 0 0 -600px;
}

garry сказал(а)

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

Хочу предостеречь, если сам шаблон не адаптивен, а имеет отдельно мобильный вариант, не важно каким методом. Вы замучаетесь с ним в плане других плагинов и плюс с косяками в поиске(разметка и тд).

Да, моя вина, не уточнил. Шаблон адаптивный.

Otshelnik-Fm сказал(а)
изучайте что такое медиазапросы в css
например этот

@media screen and (max-width:480px) {
/*тут правила*/
}

сработает только при ширине от 480 пикселей и меньше

И расставляйте этими запросами нужные вам правила

Это наверно именно для отдельной модильной версии сайта?

Я хотел сделать реколл бар так как у вас на сайте

(на правах рекламы), по ширине страницы сайта. Подсмотрел, но не разобрался как это сделано. и сейчас там у вас два бара )

Otshelnik-Fm сказал(а)
у меня реколлбар по ширине всего сайта. Не пойму что вам нужно

Мне нужно так же. А сейчас он по ширине всей страницы. сайт 1200 и реколлбар нужно сделать 1200 и разместить его по центру страницы. но что бы в адаптивном режиме он не съезжал

Из коробки он не на ширину сайта а на ширину страницы браузера. вот пример как есть и как надо

(не реклама)

Спасибо большое, все получилось!