Сообщений в теме: 5

[Виталий702]

Здравствуйте! Подскажите, пожалуйста, как:
1) поставить номер телефона под логотип? вместо названия магазина я так понимаю...
2)увеличить логотип в мобильных версиях, он вообще не виден там((((

Прикрепленные изображения

• 

[Danil]

 Виталий702 (16 Апрель 2015 - 09:12) писал:

Здравствуйте! Подскажите, пожалуйста, как:
1) поставить номер телефона под логотип? вместо названия магазина я так понимаю...
2)увеличить логотип в мобильных версиях, он вообще не виден там((((

Здравствуйте.
1) В шаблоне html найдите код

 <div class="logo">
						<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
							<img src="{ASSETS_IMAGES_PATH}logo.png?design=bistro" alt="{SETTINGS_STORE_NAME}. Перейти на главную" />
							<link itemprop="logo" href="{ASSETS_IMAGES_PATH}logo.png?design=bistro" />
							<span class="store_name">{SETTINGS_STORE_NAME}</span>
						</a>
					</div>

и после него вставьте

<span class="telefon">Телефон</span>

2) В main.css найдите и удалите код

  .logo {
		float: left;
		clear: both;
		margin: 1em;
		width: 19%;
	}

[Alexey Nicolaevich]

Доброго времени суток! встала такая же проблема с крошечным логотипом в мобильной версии. совет
2) В main.css найдите и удалите код
  .logo {
                float: left;
                clear: both;
                margin: 1em;
                width: 19%;
        }

не помог,  так как уже были скрыты строчки
/*.logo {
        float: left;
        clear: both;
        margin: 1em;
        width: 19%;
    }
    */

[Mr.Nito]

 Alexey Nicolaevich (07 Ноябрь 2016 - 22:30) писал:

Доброго времени суток! встала такая же проблема с крошечным логотипом в мобильной версии. совет
2) В main.css найдите и удалите код
  .logo {
float: left;
clear: both;
margin: 1em;
width: 19%;
}

не помог,  так как уже были скрыты строчки
/*.logo {
float: left;
clear: both;
margin: 1em;
width: 19%;
}
*/

Здравствуйте.
Просим прощения за долгое ожидание ответа.
Логотип на мобильной версии поправил, проверьте пожалуйста.

В файле main.css после

/* максимальная ширина 480 */
@media screen and (max-width: 480px) {

добавил

.logo img {
	 float: none;
	 max-width: 180px;
	 margin: 0 auto;
}

[Alexey Nicolaevich]

 Mr.Nito (10 Ноябрь 2016 - 14:45) писал:

Здравствуйте.
Просим прощения за долгое ожидание ответа.
Логотип на мобильной версии поправил, проверьте пожалуйста.

В файле main.css после

/* максимальная ширина 480 */
@media screen and (max-width: 480px) {

добавил

.logo img {
	 float: none;
	 max-width: 180px;
	 margin: 0 auto;
}

Спасибо! стало все пучком!!!!

[v4i3]

/* максимальная ширина 480 */
@media screen and (max-width: 480px) {


  .logo {
				float: left;
				clear: both;
				margin: 1em;
				width: 19%;
		}

в файле main.css для разной ширины браузера описан разный размер лого - width. В коде выше лого для ширины экрана меньше 480px
Для каждого случая (размер экрана), я поставил свои значения.
Поэкспериментировал, и все получилось)