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

[Alan]

Смотрите все криво... а на компе нормально..

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

• 

[мистка]

ни чу у них нельзя исправить....только тронь пальцем адаптив он развалится

[Alan]

как быть.............................

[batta]

Alan (30 October 2014 - 19:18) писал:

как быть.............................

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

.vkinfac {
float: right;
margin-top: -80px;
margin-right: 20px;
}

измените на

.vkinfac {
float: right;
margin-top: -80px;
margin-right: 20px;
margin: 0 auto;
}

[Alan]

номер телефона заезжает..

может убрать надпись Звоните? и просто номер оставить и подвинуть напрво чуток

и значки надо куда то в другое место получается.. не красиво получается..

[Alan]

ко многим захожу кто здесь создавл сайты у них все отлично показывает на мобильных устройствах.. почему так? неужели у меня всегда так будет показывать..? что нужно для исправления..,?

[Danil]

Alan (31 October 2014 - 10:26) писал:

номер телефона заезжает..

может убрать надпись Звоните? и просто номер оставить и подвинуть напрво чуток

и значки надо куда то в другое место получается.. не красиво получается..

Здравствуйте.
В конец main.css добавьте

@media only screen and (max-width: 1024px) and (min-width: 481px){
.container .row2 {
display: block;
position: static;
height: 100px;
background:none;
}
}
@media only screen and (max-width: 480px){
.container .row2 {
display: block;
position: static;
height: 100px;
background:none;
}
}

Что касается значков соц. сетей, то может их перенести под номер телефона, в правом верхнем углу?

[Alan]

Danil (31 October 2014 - 11:17) писал:

Здравствуйте.
В конец main.css добавьте

@media only screen and (max-width: 1024px) and (min-width: 481px){
.container .row2 {
display: block;
position: static;
height: 100px;
background:none;
}
}
@media only screen and (max-width: 480px){
.container .row2 {
display: block;
position: static;
height: 100px;
background:none;
}
}

Что касается значков соц. сетей, то может их перенести под номер телефона, в правом верхнем углу?

да, можно..)

[Alan]

Вот так получается...

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

• 

[Alan]

Вот смотрите.. Вообще на всех страницах все съехано

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

• 

[Danil]

Alan (31 October 2014 - 11:32) писал:

да, можно..)

В шаблоне html найдите код и удалите его

	<div class="vkinfac">
<a href="http://instagram.com/la.bijou/"><img src="{ASSETS_IMAGES_PATH}instagram.png?design=chameleon"></a>
<a href="Ссылка"><img src="{ASSETS_IMAGES_PATH}vk.png?design=chameleon"></a>
</div>

далее найдите строчку

	</div><!--END row2-->

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

 <div class="cols col-4 marg4"> 
	<div class="vkinfac">
<a href="http://instagram.com/la.bijou/"><img src="{ASSETS_IMAGES_PATH}instagram.png?design=chameleon"></a>
<a href="Ссылка"><img src="{ASSETS_IMAGES_PATH}vk.png?design=chameleon"></a>
</div>
</div>

В main.css найдите код

.vkinfac {
float: right;
margin-top: -170px;
margin-right: -70px;
}

и замените на

.vkinfac {
margin:13px 1px 1px 293px;
}

[Alan]

Вот..

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

• 

[Vaccina]

В шаблоне main.css после:

@media only screen and (max-width: 1024px) and (min-width: 481px){

попробуйте добавить:

.row2 .marg4 {
	margin-left: 0;
}
.container .row2 {
	height: auto;
	margin: 0 auto;
	position: relative;
	width: 70%;
}
.vkinfac {
	margin: 0;
}
.hph1 {
	margin-right: 0;
}
#cart {
	margin: 0;
}

[Alan]

Alan (31 October 2014 - 11:48) писал:

Вот смотрите.. Вообще на всех страницах все съехано

Vaccina (01 November 2014 - 06:48) писал:

В шаблоне main.css после:

@media only screen and (max-width: 1024px) and (min-width: 481px){

попробуйте добавить:

.row2 .marg4 {
margin-left: 0;
}
.container .row2 {
height: auto;
margin: 0 auto;
position: relative;
width: 70%;
}
.vkinfac {
margin: 0;
}
.hph1 {
margin-right: 0;
}
#cart {
margin: 0;
}

СПАСИБУЩЕ БОЛЬШУЩЕЕ!!)))

Alan (31 October 2014 - 11:48) писал:

Вот смотрите.. Вообще на всех страницах все съехано

а вот это как то можно исправить??

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

• 

[RayLi]

Alan (02 November 2014 - 14:41) писал:

СПАСИБУЩЕ БОЛЬШУЩЕЕ!!)))



а вот это как то можно исправить??

Здравствуйте.
Добавьте, пожалуйста, какой-либо товар, чтобы мы смогли исправить данную ошибку.

[Alan]

RayLi (02 November 2014 - 14:47) писал:

Здравствуйте.
Добавьте, пожалуйста, какой-либо товар, чтобы мы смогли исправить данную ошибку.

добавил

[RayLi]

Alan (02 November 2014 - 16:41) писал:

добавил

Найдите в шаблоне main.css следующий код:

@media only screen and (max-width: 1024px) and (min-width: 481px){
.container .row2 {
display: block;
position: static;
height: 100px;
background:none;
}
}
@media only screen and (max-width: 480px){
.container .row2 {
display: block;
position: static;
height: 100px;
background:none;
}
}

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

@media only screen and (max-width: 1024px) and (min-width: 481px){
 .container .cols.col-1{width:8.333333333%;}
.container .cols.col-2{width:16.666666667%;}
.container .cols.col-3{width:100%;}
.container .cols.col-4{width:50%;}
.container .cols.col-5{width:41.666666667%;}
.container .cols.col-6{width:100%;}
.container .cols.col-7{width:58.333333333%;}
.container .cols.col-8{width:66.666666667%;}
.container .cols.col-9{width:100%;}
.container .cols.col-10{width:100%;}
.container .cols.col-11{width:91.666666667%;}
.container .cols.col-12{width:100%;} 
.container .row2{display:block; position:static;height:100px;}
}
}
@media only screen and (max-width: 480px){
menu{width:100%;}
.page_title{font-size:18px;}
.contwrap{width:100%;}
.container .cols.col-1,
.container .cols.col-2,
.container .cols.col-3,
.container .cols.col-4,
.container .cols.col-5,
.container .cols.col-6,
.container .cols.col-7,
.container .cols.col-8,
.container .cols.col-9,
.container .cols.col-10,
.container .cols.col-11,
.container .cols.col-12{width:100%;}
.container .row2{display:block;position:static;height:180px;}
}
}

[Alan]

RayLi (02 November 2014 - 17:53) писал:

Найдите в шаблоне main.css следующий код:

@media only screen and (max-width: 1024px) and (min-width: 481px){
.container .row2 {
display: block;
position: static;
height: 100px;
background:none;
}
}
@media only screen and (max-width: 480px){
.container .row2 {
display: block;
position: static;
height: 100px;
background:none;
}
}

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

@media only screen and (max-width: 1024px) and (min-width: 481px){
.container .cols.col-1{width:8.333333333%;}
.container .cols.col-2{width:16.666666667%;}
.container .cols.col-3{width:100%;}
.container .cols.col-4{width:50%;}
.container .cols.col-5{width:41.666666667%;}
.container .cols.col-6{width:100%;}
.container .cols.col-7{width:58.333333333%;}
.container .cols.col-8{width:66.666666667%;}
.container .cols.col-9{width:100%;}
.container .cols.col-10{width:100%;}
.container .cols.col-11{width:91.666666667%;}
.container .cols.col-12{width:100%;}
.container .row2{display:block; position:static;height:100px;}
}
}
@media only screen and (max-width: 480px){
menu{width:100%;}
.page_title{font-size:18px;}
.contwrap{width:100%;}
.container .cols.col-1,
.container .cols.col-2,
.container .cols.col-3,
.container .cols.col-4,
.container .cols.col-5,
.container .cols.col-6,
.container .cols.col-7,
.container .cols.col-8,
.container .cols.col-9,
.container .cols.col-10,
.container .cols.col-11,
.container .cols.col-12{width:100%;}
.container .row2{display:block;position:static;height:180px;}
}
}

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

Vaccina (01 November 2014 - 06:48) писал:

В шаблоне main.css после:

@media only screen and (max-width: 1024px) and (min-width: 481px){

попробуйте добавить:

.row2 .marg4 {
margin-left: 0;
}
.container .row2 {
height: auto;
margin: 0 auto;
position: relative;
width: 70%;
}
.vkinfac {
margin: 0;
}
.hph1 {
margin-right: 0;
}
#cart {
margin: 0;
}

[RayLi]

Alan (02 November 2014 - 18:21) писал:

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

Попробуйте, значит, в шаблоне main.css сразу после кода:

@media only screen and (max-width: 1024px) and (min-width: 481px){

Добавить ваш код:

.row2 .marg4 {
margin-left: 0;
}
.container .row2 {
height: auto;
margin: 0 auto;
position: relative;
width: 70%;
}
.vkinfac {
margin: 0;
}
.hph1 {
margin-right: 0;
}
#cart {
margin: 0;
}

[Alan]

RayLi (02 November 2014 - 18:31) писал:

Попробуйте, значит, в шаблоне main.css сразу после кода:

@media only screen and (max-width: 1024px) and (min-width: 481px){

Добавить ваш код:

.row2 .marg4 {
margin-left: 0;
}
.container .row2 {
height: auto;
margin: 0 auto;
position: relative;
width: 70%;
}
.vkinfac {
margin: 0;
}
.hph1 {
margin-right: 0;
}
#cart {
margin: 0;
}

сделал...