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

[darya_kolos]

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

Возникла проблема с отображением сайта на смартфонах. Все товары у меня поделены на три категории, в которых есть некоторое количество подкатегорий. При просмотре сайта с телефона при нажатии на плюсик справа от категории товара выпадает список подкатегорий. Но они не все вмещаются на экран (см. скриншот). Пролистать экран для просмотра подкатегорий, которые не поместились, не получается. Подскажите, пожалуйста, в чем может быть проблема и как исправить?

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

• 

[Firefly]

darya_kolos (05 Май 2016 - 14:18) писал:

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

Возникла проблема с отображением сайта на смартфонах. Все товары у меня поделены на три категории, в которых есть некоторое количество подкатегорий. При просмотре сайта с телефона при нажатии на плюсик справа от категории товара выпадает список подкатегорий. Но они не все вмещаются на экран (см. скриншот). Пролистать экран для просмотра подкатегорий, которые не поместились, не получается. Подскажите, пожалуйста, в чем может быть проблема и как исправить?

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Скрипты -> main.js, найдите код:

// Функция фиксации шапки
jQuery(document).ready(function($){
  if($('#menu')){
	$('#menu').stick_in_parent({
   sticky_class: 'keep-menu'
  });
}
});

Замените на:

// Функция фиксации шапки
jQuery(document).ready(function($){
  var width=document.body.clientWidth;
  if(width >= 1024) {
  if($('#menu')){
	$('#menu').stick_in_parent({
   sticky_class: 'keep-menu'
  });
}
  }
});

[darya_kolos]

Спасибо. Все получилось

[ole26rus]

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

аккаунт SL-241427

[Danil]

ole26rus (15 Август 2016 - 16:47) писал:

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

аккаунт SL-241427

Здравствуйте.
В шаблоне html найдите код

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

и замените на

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1">

[ole26rus]

ничего не изменилось, и теперь стало нельзя менять размер на мобильном устройстве (сужая экран)

[Vaccina]

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1">

замените на:

<meta name="viewport" content="width=1040">

[ole26rus]

спасибо, теперь все хорошо