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

Khuchbarov

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

Grigory S.

  • Давно я тут
  • 661
  • 70 / 0
  • (с)
Re: Шапка в мобильной версии
« Ответ #1 : 14.10.2015, 21:52:48 »
CSS и Media Queries.

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

    #sidebar {
        display: none;
    }

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

Olg

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

Khuchbarov

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

Grigory S.

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

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

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

Адаптировать таблицу к мобильной версии

Автор KingSnake

Ответов: 1
Просмотров: 103
Последний ответ 01.03.2021, 18:21:34
от KKAAZZOO
На мобильной версии стоит шаблон Shaper helixultimate, меню не открывается

Автор cheltcom_ru

Ответов: 14
Просмотров: 166
Последний ответ 21.02.2021, 15:18:59
от cheltcom_ru
Отключение мобильной версии на шаблоне wt_health_center_free

Автор wondersalmon

Ответов: 7
Просмотров: 399
Последний ответ 26.08.2020, 14:01:40
от AlexB
Protostar - неправильное отображение мобильной версии

Автор Albaruthenica

Ответов: 0
Просмотров: 481
Последний ответ 22.06.2020, 14:25:57
от Albaruthenica
Гамбургер меню в мобильой версии

Автор Игарь

Ответов: 17
Просмотров: 904
Последний ответ 12.05.2020, 14:25:23
от Biss