Сдвигается картинка телефона на сайте - PrestaShop CMS :: Русская поддержка интернет-магазина PrestaShop

Сдвигается картинка телефона на сайте

akres
Cпециалист
Сообщений: 145
Регистрация: 01-10-2012

# 1

23-07-2014 22:07

Добрый день!)
Подскажите пожалуйста, на сайте www.**xs.ru (**ge) в шапке сайте картинка телефона. Делал на ноуте в global.css писал
#header .header-picture_1 {position: absolute; top: 27px; left:380px; width: 330px; height: 56px; }
Знакомы открыли на компе с разрешением экрана 1920x1080 телефон едет!

Как нужно написать что бы не ехал!
P|s
пробовал указывать left:380px в процентах! Ситуацию спасает но едет все равно!

Щелкните, и это сообщение будет добавлено в ваш ответ как цитата

wasia
Новичок
Сообщений: 64
Регистрация: 05-10-2011

# 2

23-07-2014 23:40

с абсолютным позиционированием так есть. Выход: или отказаться от absolute или юзай @media-queries

akres
Cпециалист
Сообщений: 145
Регистрация: 01-10-2012

# 3

24-07-2014 01:05

Есть рецепт как сделать?

Алекс

Администратор
Сообщений: 4516
Откуда: Красноярск
Регистрация: 29-05-2009

# 4

24-07-2014 09:10

Откройте /themes/leomobi/modules/blocksearch/blocksearch-top.tpl или /modules/blocksearch/blocksearch-top.tpl
Внутри "search_block_top" добавьте: код с телефоном (можно просто текстом зачем делать изображение ?) который был ниже в header
В css правила .header-picture_1 измените на:

Код:

.header-picture_1 {position: absolute; top: -40px;}

Оказываю услуги по администрированию интернет-магазина на CMS PrestaShop, написание модулей для PrestaShop. Большой опыт работы с CMS PrestaShop.