11 ответ(ов) в теме
Lev
не в сети 1 час
На сайте с 23.06.2015
Участник
Тем 84
Сообщения 316
1
13:13

Версия WP-Recall: 16.10.4

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

Пробовал так

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

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

Второй вариант работает, но только не в мобильном варианте. там он смещается.

Редакции сообщения
09.02.2018 13:13LevПричина: не указано
09.02.2018 13:14LevПричина: не указано
09.02.2018 13:14LevПричина: не указано
0
garry
не в сети 42 минуты
На сайте с 04.01.2014
Участник
Тем 89
Сообщения 1307
2
13:17

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

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

0
Otshelnik-Fm
На сайте с 27.01.2013
Модератор
Тем 26
Сообщения 10964
3
13:17

изучайте что такое медиазапросы в css
например этот

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

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

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

1
Lev
не в сети 1 час
На сайте с 23.06.2015
Участник
Тем 84
Сообщения 316
4
13:19

garry сказал(а)

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

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

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

0
Lev
не в сети 1 час
На сайте с 23.06.2015
Участник
Тем 84
Сообщения 316
5
13:26

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

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

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

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

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

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

Вы не можете просматривать опубликованные ссылки

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

Оффтоп
про рекламу шутка ))

Редакции сообщения
09.02.2018 13:27LevПричина: не указано
0
Otshelnik-Fm
На сайте с 27.01.2013
Модератор
Тем 26
Сообщения 10964
6
13:34

у меня реколлбар по ширине всего сайта. Не пойму что вам нужно

0
Lev
не в сети 1 час
На сайте с 23.06.2015
Участник
Тем 84
Сообщения 316
7
13:36

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

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

0
Otshelnik-Fm
На сайте с 27.01.2013
Модератор
Тем 26
Сообщения 10964
8
13:50

что-то я потерял нить. Реколлбар из коробки на всю ширину сайта. И у меня на сайте он также. Что там еще с ним делать?

0
Lev
не в сети 1 час
На сайте с 23.06.2015
Участник
Тем 84
Сообщения 316
9
14:13

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

Вы не можете просматривать опубликованные ссылки

(не реклама)

0
Otshelnik-Fm
На сайте с 27.01.2013
Модератор
Тем 26
Сообщения 10964
10
14:57

Похожий вопрос

Вы не можете просматривать опубликованные ссылки
1
Lev
не в сети 1 час
На сайте с 23.06.2015
Участник
Тем 84
Сообщения 316
11
15:26

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

0
Тема закрыта. Публикация новых сообщений запрещена.