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

Khuchbarov

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

Grigory S.

  • Давно я тут
  • 658
  • 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

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

Khuchbarov

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

Grigory S.

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

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

  • Завсегдатай
  • 1918
  • 160 / 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  На сколько можно подробнее, пошагово напишите, что делать (я совсем еще чайник))))
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

С выводом меню в мобильной версии

Автор svarg

Ответов: 4
Просмотров: 1041
Последний ответ 27.03.2022, 21:25:29
от marksetter
Как добавить иконку с ссылкой в меню мобильной версии?

Автор svkiller2007

Ответов: 4
Просмотров: 2603
Последний ответ 25.01.2022, 21:39:20
от svkiller2007
Как в мобильной версии поставить &quot;блок особенностей&quot; в два столбца?

Автор sergspb

Ответов: 7
Просмотров: 557
Последний ответ 15.04.2021, 13:51:54
от xpank
Адаптировать таблицу к мобильной версии

Автор KingSnake

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

Автор cheltcom_ru

Ответов: 14
Просмотров: 670
Последний ответ 21.02.2021, 15:18:59
от cheltcom_ru