Есть стандартный шаблон под ICMS2, при просмотре которого на меньших размерах происходит изменение верстки с "выключением" тех или иных виджетов.
Так вот.
С главным меню все ок — оно превращается в ниспадающее.
Верхнее и нижнее, тоже (с небольшими ковырянием в коде) можно сделать доступным.
А вот как быть с "меню действий", что находится в "боковой колонке".
Ведь при уменьшении размера — оно выключается. И как до него добраться например с мобильных устройств?
Не дублировать же всё в главное меню?.
Подскажите — как быть?
#body aside { display:none; }
#body aside { width:100% !important; }
Меня интересует другое.Верхнее и нижнее, тоже (с небольшими ковырянием в коде) можно сделать доступным.
Можно ли его тоже как нибудь модернизировать как например это делается с главным меню.
var dropdown = $("<select>").appendTo("nav"); $("<option value=''></option>").appendTo(dropdown); var el = $(this); var nav_level = $("nav > .menu").parents().length; var el_level = $(this).parents().length - nav_level; $("<option>", { "value" : el.attr("href"), "text" : pad + el.text() }).appendTo(dropdown); }); $("nav select").change(function() { window.location = $(this).find("option:selected").val(); }); if ($('.tabs-menu').length){ var tabs = $(this); var dropdown = $("<select>").appendTo(tabs); $("<option value=''></option>").appendTo(dropdown); var el = $(this); $("<option>", { "value" : el.attr("href"), "text" : el.text() }).appendTo(dropdown); }); $(dropdown).change(function() { window.location = $(this).find("option:selected").val(); }); }); }
Я просто думал это как-то делается из "коробки".
Спасибо за код — попробую разобраться.Просто для меня это пока темный лес :(
Верхнее и нижнее, тоже (с небольшими ковырянием в коде) можно сделать доступным.
А можно, пожалуйста, поподробнее, как сделать доступным в мобильной версии верхнее меню?!
Верхнее и нижнее, тоже (с небольшими ковырянием в коде) можно сделать доступным.
А можно, пожалуйста, поподробнее, как сделать доступным в мобильной версии верхнее меню?!
мне кажется вообще верхнее меню — лишнее. Я его просто встроил в главное — вот так — при авторизации оно тоже там, первым выпадающим списком
Насколько я понял, данное изменение включает боковое меню, а не верхнее.В файле theme-layout.css замените 2 строки
Код PHP:
#body aside { display:none; }
на
Код PHP:
#body aside { width:100% !important; }
Файл theme-layout.css
Меняем
#layout header .menu { display:none; }
на
#layout header .menu { width:100% !important; }
Ну и может кому пригодится, чтоб меню появлялось над логотипом нужно строчки поменять местами, в файле main.tpl.php
<div id="logo"><a href="<?php echo href_to_home(); ?>"></a></div>
<?php $this->widgets('header', false, 'wrapper_plain'); ?>
поменять на
<?php $this->widgets('header', false, 'wrapper_plain'); ?>
<div id="logo"><a href="<?php echo href_to_home(); ?>"></a></div>