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


Неправильное( Искаженное) Отображение Сайта С Мобильного Устройства


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

#1 toconsole

toconsole

    Пользователь

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

Отправлено 15 Июль 2013 - 18:27

неправильное( искаженное) отображение сайта с мобильного устройства
toconsole.storeland.ru
зайдите с мобильного устройства

#2 Koderhan

Koderhan

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

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

Отправлено 15 Июль 2013 - 18:58

Шаблон "Сияние" адаптируется под разные разрешение экрана. Вы можете протестировать такое отображение сайта просто изменяя размер окна браузера. На каком устройстве сайт отображается не корректно? Какая версия браузера на этом устройстве?

#3 toconsole

toconsole

    Пользователь

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

Отправлено 15 Июль 2013 - 19:06

Просмотр сообщенияKoderhan (15 Июль 2013 - 18:58) писал:

Шаблон "Сияние" адаптируется под разные разрешение экрана. Вы можете протестировать такое отображение сайта просто изменяя размер окна браузера. На каком устройстве сайт отображается не корректно? Какая версия браузера на этом устройстве?

На айфоне и айпаде, при горизонтальной ориентации экрана поиск наплывает на вкладку полезное,чего нет в полной версии сайта

#4 Koderhan

Koderhan

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

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

Отправлено 15 Июль 2013 - 19:16

Попробуйте добавить стили в конец файла "main.css".
@media screen and (max-width:1080px){
   
	form[role="search"] {
	position: inherit;
	padding-bottom: 20px;
	height: 15px;
}
form[role="search"] input[type="search"], input#search-field, .search {
	height: 2em;
	font-size: 1em;
}
form[role="search"] input[type="submit"], input#search-submit {
	height: 2em;
	font-size: 1em;
}
}


#5 toconsole

toconsole

    Пользователь

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

Отправлено 15 Июль 2013 - 19:24

Просмотр сообщенияKoderhan (15 Июль 2013 - 19:16) писал:

Попробуйте добавить стили в конец файла "main.css".
@media screen and (max-width:1080px){

form[role="search"] {
position: inherit;
padding-bottom: 20px;
height: 15px;
}
form[role="search"] input[type="search"], input#search-field, .search {
height: 2em;
font-size: 1em;
}
form[role="search"] input[type="submit"], input#search-submit {
height: 2em;
font-size: 1em;
}
}

Спасибо, теперь поиск отображает сверху

#6 ac-dream

ac-dream

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

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

Отправлено 08 Октябрь 2015 - 22:20

При просмотре сайта с мобильного устройства не отображается дополнительный блок левого меню "А ещё...".
Аккаунт SL-343424

#7 Danil

Danil

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

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

Отправлено 09 Октябрь 2015 - 11:59

Просмотр сообщенияac-dream (08 Октябрь 2015 - 22:20) писал:

При просмотре сайта с мобильного устройства не отображается дополнительный блок левого меню "А ещё...".
Аккаунт SL-343424
Попробуйте сделать следующее:
в шаблоне html найдите код
   <div class="catwrp">
		<div class="catalogheader theme-color">А ЕЩЁ...</div>
и замените на

   <div class="catwrp" id="dopblock">
		<div class="catalogheader theme-color">А ЕЩЁ...</div>
В конец main.css добавьте
div#dopblock {
	display: block;
}


#8 ac-dream

ac-dream

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

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

Отправлено 09 Октябрь 2015 - 18:47

Просмотр сообщенияDanil (09 Октябрь 2015 - 11:59) писал:

Попробуйте сделать следующее:
в шаблоне html найдите код
<div class="catwrp">
<div class="catalogheader theme-color">А ЕЩЁ...</div>
и замените на

<div class="catwrp" id="dopblock">
<div class="catalogheader theme-color">А ЕЩЁ...</div>
В конец main.css добавьте
div#dopblock {
display: block;
}

Спасибо!




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

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