Перейти к содержанию
mysterys

[Выполнено] Подогнать расположение текста и картинки в шапке под мобильную версию

Рекомендуемые сообщения

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

Если кто то может подсказать как решить эту задачу буду благодарен. А если кто то готов взяться за эту работу пожалуйста пишите на мейл сумму и срок работы donotmiss@yandex.ru

 

текст добавлял  в header так

 

 <div class="h-banner">
<a href="http://mysite/dostavka.html/"><img src="/catalog/view/theme/bigshop/image/free11.png" alt="" /></a>
</div>
  
  <div class="header_text">
<div class="header_adr"><b><font color="#FF8C00">Адрес:</font></b> ул.Зеленая 162а<br />
 вход с ул.Красная <br />
 (между Ташкентсой и Московская)</div>
</div>
 
<div class="header_text2">
<div class="header_phone"><b><font color="#FF8C00">Тел:</font> <font size="">+925 (700) 107147</font> </b></div>
</div>
 
изменения в stylesheet
 
.h-banner {
position: absolute;
 
top: 41px;
 
left: 790px;
width:140px;
height:auto;
margin:0 auto;
}
 
.header_text {
 
position: absolute;
 
top: 82px;
 
left: 270px;
 
font-size: 10pt;
 
font-family: verdana;
 
font-style: italic;
 
color: #333;
 
 
}
 
.header_text2 {
 
position: absolute;
 
top: 13px;
 
left: 270px;
 
font-size: 10.8pt;
 
font-family: verdana;
 
font-style: italic;
 
color: #333;
 
 
}
 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

попробуйте через функцию @media only screen and (*****************) прописаную в стайлшите

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

попробуйте через функцию @media only screen and (*****************) прописаную в стайлшите

 

Получилось! Спасибо! Не ожидал что сам смогу это сделать. Спасибо всем ребятам

 

попробуйте через функцию @media only screen and (*****************) прописаную в стайлшите

 

 

Получилось! Спасибо ! Не ожидал что сам могу с этим справиться. Спасибо всем ребятам которые решились взять эту задачку. Если еще что то надо будет сделать буду обращаться.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Гость
Эта тема закрыта для публикации ответов.

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.