Перейти к содержимому


Как То Исправить Можно На Мобильном?


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 26

#1 Alan

Alan

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 246 сообщений

Отправлено 30 Октябрь 2014 - 16:09

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

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

  • IuoJfGqN9N0.jpg


#2 мистка

мистка

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 30 Октябрь 2014 - 19:06

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

#3 Alan

Alan

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 246 сообщений

Отправлено 30 Октябрь 2014 - 19:18

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

#4 batta

batta

    Активный участник

  • Модератоpы
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 30 Октябрь 2014 - 19:32

Просмотр сообщенияAlan (30 Октябрь 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;
}


#5 Alan

Alan

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 246 сообщений

Отправлено 31 Октябрь 2014 - 10:26

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

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

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

#6 Alan

Alan

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 246 сообщений

Отправлено 31 Октябрь 2014 - 11:17

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

#7 Danil

Danil

    Активный участник

  • Модераторы
  • 4 645 сообщений

Отправлено 31 Октябрь 2014 - 11:17

Просмотр сообщенияAlan (31 Октябрь 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;
}
}
Что касается значков соц. сетей, то может их перенести под номер телефона, в правом верхнем углу?

#8 Alan

Alan

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 246 сообщений

Отправлено 31 Октябрь 2014 - 11:32

Просмотр сообщенияDanil (31 Октябрь 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;
}
}
Что касается значков соц. сетей, то может их перенести под номер телефона, в правом верхнем углу?

да, можно..)

#9 Alan

Alan

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 246 сообщений

Отправлено 31 Октябрь 2014 - 11:38

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

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

  • image.jpg


#10 Alan

Alan

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 246 сообщений

Отправлено 31 Октябрь 2014 - 11:48

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

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

  • image.jpg


#11 Danil

Danil

    Активный участник

  • Модераторы
  • 4 645 сообщений

Отправлено 31 Октябрь 2014 - 12:09

Просмотр сообщенияAlan (31 Октябрь 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;
}


#12 Alan

Alan

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 246 сообщений

Отправлено 31 Октябрь 2014 - 13:48

Вот..

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

  • image.jpg


#13 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 788 сообщений

Отправлено 01 Ноябрь 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;
}


#14 Alan

Alan

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 246 сообщений

Отправлено 02 Ноябрь 2014 - 14:41

Просмотр сообщенияAlan (31 Октябрь 2014 - 11:48) писал:

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

Просмотр сообщенияVaccina (01 Ноябрь 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 Октябрь 2014 - 11:48) писал:

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

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

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

  • image.jpg


#15 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 857 сообщений

Отправлено 02 Ноябрь 2014 - 14:47

Просмотр сообщенияAlan (02 Ноябрь 2014 - 14:41) писал:




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



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

#16 Alan

Alan

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 246 сообщений

Отправлено 02 Ноябрь 2014 - 16:41

Просмотр сообщенияRayLi (02 Ноябрь 2014 - 14:47) писал:

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

#17 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 857 сообщений

Отправлено 02 Ноябрь 2014 - 17:53

Просмотр сообщенияAlan (02 Ноябрь 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;}
}
}


#18 Alan

Alan

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 246 сообщений

Отправлено 02 Ноябрь 2014 - 18:21

Просмотр сообщенияRayLi (02 Ноябрь 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 Ноябрь 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;
}


#19 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 857 сообщений

Отправлено 02 Ноябрь 2014 - 18:31

Просмотр сообщенияAlan (02 Ноябрь 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;
}


#20 Alan

Alan

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 246 сообщений

Отправлено 04 Ноябрь 2014 - 12:19

Просмотр сообщенияRayLi (02 Ноябрь 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;
}

сделал...




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных