Новости Joomla

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

A_valancha

  • Новичок
  • 3
  • 0 / 0
Здравствуйте! Сайт работает на Joomla 2.5. В мобильной версии после нажатия на кнопку Меню все пункты и подпункты меню отображаются в развёрнутом виде. Как сделать так, чтобы отображалось только корневое меню, а меню второго и третьего уровней разворачивались по клику? Заранее благодарю за любую помощь. Новичок.

Сайт halaco.ru
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
В вашем http://halaco.ru/templates/it_planetearth/css/responsive.css для второго уровня показываете скрывать уровни, а событие клик прописываете уже в JS

Код
#icemegamenu > li > ul.icesubMenu {display: none;}

Ну или можете на ховер повесить на CSS показ подуровней (не разбирался с вашим деревом классов потому тупо весил important)
Код
.icemegamenu > ul > li:hover ul {display: block !important;}

P.S. странная логика у верстальщика меню была, будто нет медиа квери, инлайновый JS, жуть полная ))
Зачем вот эти костыли с оффсетом, непонятно.
Код
	jQuery(document).ready(function(){
var browser_width1 = jQuery(window).width();
jQuery("#icemegamenu").find(".icesubMenu").each(function(index){
var offset1 = jQuery(this).offset();
var xwidth1 = offset1.left + jQuery(this).width();
if(xwidth1 >= browser_width1){
jQuery(this).addClass("ice_righttoleft");
}
});

})
jQuery(window).resize(function() {
var browser_width = jQuery(window).width();
jQuery("#icemegamenu").find(".icesubMenu").removeClass("ice_righttoleft");
jQuery("#icemegamenu").find(".icesubMenu").each(function(index){
var offset = jQuery(this).offset();
var xwidth = offset.left + jQuery(this).width();

if(xwidth >= browser_width){
jQuery(this).addClass("ice_righttoleft");
}
});
});
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

A_valancha

  • Новичок
  • 3
  • 0 / 0
Спасибо большое, попробуем!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как убрать боковые отступы в мобильной версии шаблона?

Автор Евгений1980

Ответов: 2
Просмотров: 1070
Последний ответ 18.01.2021, 18:24:53
от arma
Ссылки в меню в мобильной версии

Автор Андрей Нестеров

Ответов: 1
Просмотров: 1190
Последний ответ 11.12.2019, 10:47:20
от sivers
не работает меню в мобильной версии.При нажатии ничего не происходит

Автор NAaTa

Ответов: 9
Просмотров: 4262
Последний ответ 10.08.2016, 23:26:59
от NAaTa
Стили галереи в мобильной версии

Автор balkan

Ответов: 0
Просмотров: 1240
Последний ответ 15.06.2016, 12:59:41
от balkan
В мобильной версии шапка сайта съезжает, полтекста исчезает

Автор lubashina

Ответов: 7
Просмотров: 2520
Последний ответ 16.04.2016, 11:53:02
от Alldar