Домой Wp-Recall WP-Recall: Вопросы и ответы recall bar: Как отцентрировать панель?
8ответ(ов) в теме
Qs122
не в сети 7 лет
На сайте с 27.08.2015
Участник
1
13:31

Добрый день!

Подскажите, как отцентрировать панель recall bar?
В css добавляю фиксированную ширину, например width:900px; ставлю margin:0 auto; но панель реколлбара прилипла к верхнему левому краю экрана и всё. Ширина её уменьшается, но она не хочет центрироваться. Уже заключал её в <Center< всё равно никак.

Подскажите, как добиться того, чтобы панелька центрировалась?

0
Вова (Otshelnik-Fm)
не в сети 2 дня
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18647
2
13:40

Здравствуйте
Примерно так:

div#recallbar {
    left: 50%;
    transform: translateX(-50%);
    width: 900px;
}

margin:0 auto у вас не центрует потому что это фиксированный блок (position: fixed;)

1
Qs122
не в сети 7 лет
На сайте с 27.08.2015
Участник
3
13:44

БЛАГОДАРЮ!

Сразу всё получилось!

0
Вова (Otshelnik-Fm)
не в сети 2 дня
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18647
4
13:47

Только в вашем случае вы пробегитесь по всем разрешениям устройств через css медиазапросы
Вы указали жестко 900px - владельцы телефонов и планшетов будут огорчены

1
Qs122
не в сети 7 лет
На сайте с 27.08.2015
Участник
5
13:51

Да, действительно!

Сделал так:
width: 100%;
max-width: 900px;

Такой вариант так же должен позволить адаптироваться под мобильные устройства?

1
Вова (Otshelnik-Fm)
не в сети 2 дня
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18647
6
13:59

Сейчас проверил - да.

1
Qs122
не в сети 7 лет
На сайте с 27.08.2015
Участник
7
14:04

Отлично! Спасибо!

Подскажите, под новый вопрос по RecallBar новую тему создавать?

0
Вова (Otshelnik-Fm)
не в сети 2 дня
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18647
8
14:04

Новую тему создавайте.

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