как правильно поставить картинку в header?

[tolikschatz]

Всем привет! Люди помогите, кто может. Использую версию 1.7. Поставил в header картинку. Проблема в том, что размер картинки смог увеличить только после изменения данных в header.tpl: md-12. То что логотип на весь экран, это решаемо, но как заставить картинку менять размер в зависимости от размера экрана? Спасибо

www.junima.net

[PrestaMan]

Код: [Выделить]

<img src="..." class="img-fluid" alt="Responsive image">Код для адаптивного изображения.

[tolikschatz]

Спасибо. Этот код в header.tpl вписывать надо, судя по коду? а не в css?

Разобрался. Спасибо. Проблема в том, что картинка не на весь экран а соответственно размеру логотипа. А я хочу картинку как bаckground. Поэтому и ссылку ставил в css. Но там не могу её заставить сменятся

[mAgency]

Адаптивный фон — background-image

Код: [Выделить]

background-image:url('../images/bg.png');
background-repeat:no-repeat;
background-size:contain;
background-position:center;

[tolikschatz]

Адаптивный фон — background-image

Код: [Выделить]

background-image:url('../images/bg.png');
background-repeat:no-repeat;
background-size:contain;
background-position:center;

так у меня было, но тогда картинка не меняет размер по отношению к экрану/устройству

мне надо чтоб было img=responsive

то-есть я хочу в header картинку вместо цвета. Код я вписывал. но тогда на телефоне картинка не уменьшается а урезается. аналогично с экранами и разрешением. Если я на своём экране настрою картинку на весь экран, то на ноуте картинка не пропорциональна экрану а просто урезана

[tolikschatz]

Я попробую описать что я хочу. Я хочу картинку на весь экран без белых полей по сторонам. Эта картинка будет вместо логотипа. Что я пробовал:

код в css. Проблема: чтоб картинка была на весь экран, логотип должен быть огромный. если логотип убирается, картинка сразу уменьшается.

код в tpl. Проблема: когда с телефона, то на картинку накладываются картинки товара.

сама картинка как логотип. Проблема: аналогично с кодом в tpl. Плюс белые поля от nav bar над и под картинкой.

Что и как я могу сделать, чтоб картинка была вместо логотипа, на весь экран(без ограничений белыми полями от шаблона) закрывала собой nav bar, как с кодом css и была адаптивной?

Пример: http://www.bavarian-caps.de/ У них первая картинка поставлена так, как я и хочу. то есть она собой закрывает nav bar. Я видел такие шаблоны уже на ПШ, но пока пытаюсь стандартный переделать)

[coder]

Так вам всю сетку нужно переделывать. Вы отройте код страницы сайта из примера и увидите, что там нет ограничений по ширине, а в prestashop теме есть.

[tolikschatz]

Так вам всю сетку нужно переделывать. Вы отройте код страницы сайта из примера и увидите, что там нет ограничений по ширине, а в prestashop теме есть.

Вы правы. Но благодаря нашей смекалке, я решил проблему) Загрузил пустой пнг вместо логотипа. Всем спасибо