0 Пользователей и 1 Гость просматривают эту тему.
  • 6 Ответов
  • 498 Просмотров
*

Khuchbarov

  • Осваиваюсь на форуме
  • 83
  • 0
Шапка в мобильной версии
« : 14.10.2015, 21:42:49 »
Друзья! У меня на сайте резиновый шаблон..в общем меня он устраивает. Но хотелось бы убрать слайд бар когда сайт подстраивается под мобильный телефон..как это можно сделать?
*

Grigory S.

  • Завсегдатай
  • 664
  • 69
  • (с)
Re: Шапка в мобильной версии
« Ответ #1 : 14.10.2015, 21:52:48 »
CSS и Media Queries.

Например меньше 980px скрываем блок
Код: css
@media screen and (max-width: 980px) {

    #sidebar {
        display: none;
    }

}
Не задав правильный вопрос, невозможно получить правильный ответ.
Для "спасибок" существует кнопочка "+".
*

Olg

  • Живу я здесь
  • 1046
  • 73
Re: Шапка в мобильной версии
« Ответ #2 : 14.10.2015, 21:55:13 »
Так он уберётся, но при этом будет загружаться.
*

Khuchbarov

  • Осваиваюсь на форуме
  • 83
  • 0
Re: Шапка в мобильной версии
« Ответ #3 : 14.10.2015, 21:57:20 »
Так он уберётся, но при этом будет загружаться.
А Вы не знаете как можно это реализовать?
*

Grigory S.

  • Завсегдатай
  • 664
  • 69
  • (с)
Re: Шапка в мобильной версии
« Ответ #4 : 14.10.2015, 22:02:30 »
Так он уберётся, но при этом будет загружаться.
Загружаться будет, но не будет рендерится.
Не задав правильный вопрос, невозможно получить правильный ответ.
Для "спасибок" существует кнопочка "+".
*

Филипп Сорокин

  • Практически профи
  • 1816
  • 138
Re: Шапка в мобильной версии
« Ответ #5 : 14.10.2015, 22:21:20 »
В дополнение к вышесказанному:

Код
<script type="text/template" id="sidebar-template">
   // Помещаем сюда модуль.
</script>

<script type="text/javascript">
      if( jQuery(window).width() > 980 ) {
         jQuery( "#sidebar-template" ).before( jQuery("#sidebar-template").html() );
      }
      // Если нет конфликтов с MooTools, можете использовать переменную $ вместо jQuery
</script>


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

UPD: в качестве fallback к отключённому JS перед шаблоном-контейнером можно добавить следующее:

Код
<noscript>
   // Модуль
</noscript>
« Последнее редактирование: 14.10.2015, 23:14:36 от Филипп Сорокин »
Ставь лайк, если согласен, и делай репост!

  => мои публикации
    => мои работы
      => спектр моих услуг
*

Elona

  • Новичок
  • 1
  • 0
Re: Шапка в мобильной версии
« Ответ #6 : 24.05.2016, 13:01:19 »
Здравствуйте! я только осваиваю составление сайтов! закачала шаблон адаптивный, но не устраивает, что в смартфоне не отображается шапка! как это исправить? вот сайт avtovit34.ru  На сколько можно подробнее, пошагово напишите, что делать (я совсем еще чайник))))
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

проблема с gantry5 в мобильной версии.

Автор vova630

Ответов: 2
Просмотров: 355
Последний ответ 11.09.2017, 01:30:57
от vova630
Шапка сайта

Автор Dr.SergeyP

Ответов: 26
Просмотров: 5633
Последний ответ 24.07.2017, 10:39:58
от stendapuss
Странное поведение сайта в мобильной версии

Автор pobo

Ответов: 1
Просмотров: 156
Последний ответ 14.05.2017, 20:09:11
от stendapuss
Проблема с мобильной версией сайта шаблон XTC Versant

Автор Landrew

Ответов: 5
Просмотров: 314
Последний ответ 04.05.2017, 12:13:06
от Landrew
Отключить загрузку лишних блоков в мобильной версии

Автор Roinmana

Ответов: 12
Просмотров: 740
Последний ответ 30.03.2017, 14:37:30
от AlekVolsk