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

[frog53]

Здравствуйте! Помогите изменить размер шрифтов на страницах для варианта планшетника (типа iPad разрешение 1024x768), сейчас при просмотре на нём шрифты на страницах остаются такими же как и при просмотре на ноутбуке (с разрешением 1440 x 900). Из-за больших шрифтов на планшетнике не входит всё верхнее меню и так далее.



Второй вопрос на скриншоте: как два номера телефона выстроить в ряд а не друг под другом, даже если логотип справа поедет?
Благодарю. Аккаунт SL-318280

[RayLi]

frog53 (11 Август 2016 - 11:02) писал:

Здравствуйте! Помогите изменить размер шрифтов на страницах для варианта планшетника (типа iPad разрешение 1024x768), сейчас при просмотре на нём шрифты на страницах остаются такими же как и при просмотре на ноутбуке (с разрешением 1440 x 900). Из-за больших шрифтов на планшетнике не входит всё верхнее меню и так далее.

image.png

Второй вопрос на скриншоте: как два номера телефона выстроить в ряд а не друг под другом, даже если логотип справа поедет?
Благодарю. Аккаунт SL-318280

Снимок экрана 2016-08-09 в 16.43.21.png

Здравствуйте.
Чтобы выставить номера телефонов на сайте вашего интернет-магазина в ряд, попробуйте, пожалуйста, сделать следующее:
В шаблоне main.css найдите, пожалуйста, данный код:

.block-phone {
	display: inline-block;
	float: none;
	width: 200px;
	line-height: 40px;
	margin-left: 30px;
	text-transform: uppercase;
}

И замените его вот этим вот кодом:

.block-phone {
	display: inline;
	float: none;
	width: 200px;
	line-height: 40px;
	margin-left: 30px;
	text-transform: uppercase;
}

[frog53]

Спасибо! А по изменению шрифтов в мобильной версии?

[RayLi]

frog53 (11 Август 2016 - 11:02) писал:

Здравствуйте! Помогите изменить размер шрифтов на страницах для варианта планшетника (типа iPad разрешение 1024x768), сейчас при просмотре на нём шрифты на страницах остаются такими же как и при просмотре на ноутбуке (с разрешением 1440 x 900). Из-за больших шрифтов на планшетнике не входит всё верхнее меню и так далее.

image.png

Второй вопрос на скриншоте: как два номера телефона выстроить в ряд а не друг под другом, даже если логотип справа поедет?
Благодарю. Аккаунт SL-318280

Снимок экрана 2016-08-09 в 16.43.21.png

frog53 (11 Август 2016 - 12:20) писал:

Спасибо! А по изменению шрифтов в мобильной версии?

Если я вас правильно понял, то попробуйте, пожалуйста, сделать следующее:
В шаблоне main.css найдите, пожалуйста, после данного кода:

@media (min-width: 768px)

Следующий код:

.block-account .dropdown-list li a {
	display: block;
	color: #929596;
	line-height: 40px;
	padding: 0 22px 0 0;
	font-family: "agency", 'PT Sans Narrow', sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
}

И замените его вот этим вот кодом:

.block-account .dropdown-list li a {
	display: block;
	color: #929596;
	line-height: 40px;
	padding: 0 22px 0 0;
	font-family: "agency", 'PT Sans Narrow', sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}

[lelenushka]

Добрый день, помогите пожалуйста! обнаружили, что на телефонах совсем не корректно отображается сайт
Хотелось бы упорядочить ЛК КОРЗИНУ ПОЧТУ и АДРЕС. А еще по правой стороне идет большой отступ с полосой


А в подвале все что после СПОСОБА ОПЛАТЫ упорядочить как-то

[Mr.Nito]

lelenushka (11 Июль 2017 - 14:47) писал:

Добрый день, помогите пожалуйста! обнаружили, что на телефонах совсем не корректно отображается сайт
Хотелось бы упорядочить ЛК КОРЗИНУ ПОЧТУ и АДРЕС. А еще по правой стороне идет большой отступ с полосой


А в подвале все что после СПОСОБА ОПЛАТЫ упорядочить как-то

Отображение мобильной версии поправил в файле main.css
код

@media all and (max-width: 481px) {
.header-bottom .email {margin-bottom:0px;margin-top:7px; float: right;}
.header-bottom .block-adress {margin-left:0;margin-bottom:5px;float:right;}
#header .logo a:first-child {display:none;}
#header .logo img {max-width:100%;}

@media all and (max-width: 991px) {
#footer .footer-bottom .copyright-footer {margin-top:0;}

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

• 
• 

[lelenushka]

Mr.Nito (11 Июль 2017 - 17:31) писал:

Отображение мобильной версии поправил в файле main.css
код

@media all and (max-width: 481px) {
.header-bottom .email {margin-bottom:0px;margin-top:7px; float: right;}
.header-bottom .block-adress {margin-left:0;margin-bottom:5px;float:right;}
#header .logo a:first-child {display:none;}
#header .logo img {max-width:100%;}

@media all and (max-width: 991px) {
#footer .footer-bottom .copyright-footer {margin-top:0;}

оооооо, шикарно   Спасибочки   !!!!