Форум русской поддержки Joomla!® CMS
04.12.2016, 18:19:58 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Шапка в мобильной версии

 (Прочитано 348 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Khuchbarov
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 88


« : 14.10.2015, 22:42:49 »

Друзья! У меня на сайте резиновый шаблон..в общем меня он устраивает. Но хотелось бы убрать слайд бар когда сайт подстраивается под мобильный телефон..как это можно сделать?


* шапка.jpg (332.01 Кб, 1920x955 - просмотрено 78 раз.)
Записан
Grigory S.
Завсегдатай
*****

Репутация: +68/-0
Offline Offline

Пол: Мужской
Сообщений: 685


(с)


« Ответ #1 : 14.10.2015, 22:52:48 »

CSS и Media Queries.

Например меньше 980px скрываем блок
Код
@media screen and (max-width: 980px) {
 
   #sidebar {
       display: none;
   }
 
}
Записан
Olg
Живу я здесь
******

Репутация: +73/-1
Offline Offline

Пол: Мужской
Сообщений: 1019


« Ответ #2 : 14.10.2015, 22:55:13 »

Так он уберётся, но при этом будет загружаться.
Записан
Khuchbarov
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 88


« Ответ #3 : 14.10.2015, 22:57:20 »

Так он уберётся, но при этом будет загружаться.
А Вы не знаете как можно это реализовать?
Записан
Grigory S.
Завсегдатай
*****

Репутация: +68/-0
Offline Offline

Пол: Мужской
Сообщений: 685


(с)


« Ответ #4 : 14.10.2015, 23:02:30 »

Так он уберётся, но при этом будет загружаться.
Загружаться будет, но не будет рендерится.
Записан
Филипп Сорокин
Живу я здесь
******

Репутация: +120/-3
Online Online

Пол: Мужской
Сообщений: 1444


« Ответ #5 : 14.10.2015, 23: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>
« Последнее редактирование: 15.10.2015, 00:14:36 от Филипп Сорокин » Записан
Elona
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 1


« Ответ #6 : 24.05.2016, 14:01:19 »

Здравствуйте! я только осваиваю составление сайтов! закачала шаблон адаптивный, но не устраивает, что в смартфоне не отображается шапка! как это исправить? вот сайт avtovit34.ru  На сколько можно подробнее, пошагово напишите, что делать (я совсем еще чайник))))
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet