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


Мобильная Версия Сайта


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

#41 malroz

malroz

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

  • Пользователи
  • PipPipPipPip
  • 311 сообщений
  • ГородЕкатеринбург

Отправлено 05 Август 2014 - 08:18

спасибо получилось!

#42 bot

bot

    Продвинутый пользователь

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

Отправлено 10 Август 2014 - 22:31

Здравствуйте!
При просмотре на планшете в горизонтальном положение съезжает шапка, а при вертикальном положение также шапка съезжает но еще и каталог пропадает ну и товары на главной по 2 позиции не очень красиво
аккаунт SL-303974

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

  • WIN_20140810_232223.jpg
  • WIN_20140810_232239.jpg


#43 Danil

Danil

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

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

Отправлено 11 Август 2014 - 07:04

 Yasin (10 Август 2014 - 22:31) писал:

Здравствуйте!
При просмотре на планшете в горизонтальном положение съезжает шапка, а при вертикальном положение также шапка съезжает но еще и каталог пропадает ну и товары на главной по 2 позиции не очень красиво
аккаунт SL-303974

Здравствуйте.

Найдите в style.css код
  .container .four.columns					{ width: 172px; }

И замените его на
  .container .four.columns					{ width: 172px; margin-top: -1645px; }


#44 bot

bot

    Продвинутый пользователь

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

Отправлено 11 Август 2014 - 21:01

 Danil (11 Август 2014 - 07:04) писал:

Здравствуйте.

Найдите в style.css код
.container .four.columns				 { width: 172px; }

И замените его на
.container .four.columns				 { width: 172px; margin-top: -1645px; }
спасибо, с планшетом получилось.
а теперь аналогичная проблема на телефоне

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

  • WIN_20140811_215549.jpg
  • WIN_20140811_215617.jpg


#45 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 11 Август 2014 - 21:14

 Yasin (11 Август 2014 - 21:01) писал:

спасибо, с планшетом получилось.
а теперь аналогичная проблема на телефоне

На мобильном проблем не видно, уточните что Вы имеете ввиду? Шапка на месте, каталог есть.

#46 bot

bot

    Продвинутый пользователь

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

Отправлено 11 Август 2014 - 23:04

 MikDark (11 Август 2014 - 21:14) писал:

На мобильном проблем не видно, уточните что Вы имеете ввиду? Шапка на месте, каталог есть.
контакты сдвинулись
надпись каталог есть а самого каталога нет

 MikDark (11 Август 2014 - 21:14) писал:

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

#47 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 12 Август 2014 - 02:57

изначально лучше было бы выбрать дизайн-тему с необходимой структурой, например, вам нужен фиксированный сайт, для него вполне подойдет сияние и мокко.
Чтобы каталог отображался в обычном режиме в style.css найдите:
.infoBox.infoBoxCategory {
	bottom: 0;
	display: block;
	margin: 0 0 0 -5px;
	position: fixed;
	width: 460px;
	z-index: 100;
}
.product_info_page_left .infoBox {
	display: none;
}
.infoBox.infoBoxCategory .infoBoxContents {
	background: #fff;
	display: none;
	margin-bottom: 40px;
}
замените на:
.infoBox.infoBoxCategory {
	position: relative;
}
.product_info_page_left .infoBox {
	display: block;
}
.infoBox.infoBoxCategory .infoBoxContents {
	background: #fff;
	display: block;
	margin-bottom: 40px;
}


#48 petlyra5

petlyra5

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 68 сообщений
  • ГородЙошкар-Ола

Отправлено 20 Ноябрь 2014 - 08:26

Подскажите, как исправить для мобильной версию такую проблему. На картинке видно.
{margin-left: 240px; font-weight: bold; padding-right: 10px;}
Проблема в этом коде, а скорей всего margin-left: 240px.
На сайте хотелось бы оставить этот отступ, но на мобильном приложении хочется подвинуть влево.
Как можно устронить проблему!?

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

  • Снимок.PNG


#49 petlyra5

petlyra5

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 68 сообщений
  • ГородЙошкар-Ола

Отправлено 20 Ноябрь 2014 - 09:38

И 2-ой вопрос.
Как сделать чтобы картинка меняла размеры под размер экрана?
Случайно не этот код?!
max-width: 100%; height: auto;


#50 Dars

Dars

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

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

Отправлено 20 Ноябрь 2014 - 09:42

 petlyra5 (20 Ноябрь 2014 - 08:26) писал:

Подскажите, как исправить для мобильной версию такую проблему. На картинке видно.
{margin-left: 240px; font-weight: bold; padding-right: 10px;}
Проблема в этом коде, а скорей всего margin-left: 240px.
На сайте хотелось бы оставить этот отступ, но на мобильном приложении хочется подвинуть влево.
Как можно устронить проблему!?
Здравствуйте!
В main.css строго перед кодом:

}
@media only screen and (max-width: 480px) {

вставьте строку:

  .menu_main2 {margin-left:0;}


#51 petlyra5

petlyra5

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 68 сообщений
  • ГородЙошкар-Ола

Отправлено 20 Ноябрь 2014 - 09:52

 Dars (20 Ноябрь 2014 - 09:42) писал:

Здравствуйте!
В main.css строго перед кодом:

}
@media only screen and (max-width: 480px) {

вставьте строку:

.menu_main2 {margin-left:0;}
Здравствуйте.
Вставил как вы сказали, но не помогло. Без изменений все!

#52 Dars

Dars

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

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

Отправлено 20 Ноябрь 2014 - 10:32

 petlyra5 (20 Ноябрь 2014 - 09:52) писал:

Здравствуйте.
Вставил как вы сказали, но не помогло. Без изменений все!
Очистите кэш (Ctrl+F5), при "схлопывании" меню теперь нет отступа от левого края.

#53 petlyra5

petlyra5

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 68 сообщений
  • ГородЙошкар-Ола

Отправлено 20 Ноябрь 2014 - 10:45

 Dars (20 Ноябрь 2014 - 10:32) писал:

Очистите кэш (Ctrl+F5), при "схлопывании" меню теперь нет отступа от левого края.
Я нажимал CTRL + f5 ( вроде не совсем чайник:)) все равно отступа нет. Может я что-то не верно еще сделал!?

#54 Dars

Dars

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

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

Отправлено 20 Ноябрь 2014 - 10:55

 petlyra5 (20 Ноябрь 2014 - 10:45) писал:

Я нажимал CTRL + f5 ( вроде не совсем чайник :)) все равно отступа нет. Может я что-то не верно еще сделал!?
Попробуйте воспользоваться другим браузером, с которого вы ещё не заходили на сайт, если отображение у вас отличается от отображения в приложенном скриншоте. Если же вы имели в виду что-то другое - опишите подробнее.

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

  • QIP Shot - Screen 004.png


#55 petlyra5

petlyra5

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 68 сообщений
  • ГородЙошкар-Ола

Отправлено 20 Ноябрь 2014 - 11:10

 Dars (20 Ноябрь 2014 - 10:55) писал:

Попробуйте воспользоваться другим браузером, с которого вы ещё не заходили на сайт, если отображение у вас отличается от отображения в приложенном скриншоте. Если же вы имели в виду что-то другое - опишите подробнее.
Вы все верно поняли что мне нужно. Такое состояние как у вас на картинке сайт делает! Но если еще начать уменьшать размер браузера в ширине, то данное меню все равно с отступом отображается!
p.s. проверял на разных браузерах, так же и на телефоне!

#56 Dars

Dars

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

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

Отправлено 20 Ноябрь 2014 - 11:25

 petlyra5 (20 Ноябрь 2014 - 11:10) писал:

Вы все верно поняли что мне нужно. Такое состояние как у вас на картинке сайт делает! Но если еще начать уменьшать размер браузера в ширине, то данное меню все равно с отступом отображается!
p.s. проверял на разных браузерах, так же и на телефоне!
Да, действительно. Такую же строчку добавьте строго перед кодом:

}
/* /END адаптивность шаблона ======================================================*/


#57 petlyra5

petlyra5

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 68 сообщений
  • ГородЙошкар-Ола

Отправлено 20 Ноябрь 2014 - 11:36

 Dars (20 Ноябрь 2014 - 11:25) писал:

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

}
/* /END адаптивность шаблона ======================================================*/
Спасибо, получилось! :D

#58 tolikkansk

tolikkansk

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

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

Отправлено 14 Январь 2015 - 21:39

А на каких темах стала доступна вообще мобильная версия?

#59 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 16 Январь 2015 - 03:13

адаптивный дизайн применен от тем "Техника" до "Шоколад"

#60 tolikkansk

tolikkansk

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

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

Отправлено 02 Февраль 2015 - 09:24

 Vaccina (16 Январь 2015 - 03:13) писал:

адаптивный дизайн применен от тем "Техника" до "Шоколад"

а возможно в будущем адаптация темы Сияние?




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

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