Impressive component library for expressive web development! Build responsive projects on the web with the first front-end component library in Metro Style. And now there are even more opportunities every day!
if (!$a.parent('li').hasClass('active')) {
$frames.hide();
$ul.find("li").removeClass("active");
var target = $($a.attr("href"));
target.show();
$(this).parent("li").addClass("active");
}
if ($(this).parent("li").parent("ul").parent(".page-control").find(".menu-pull-bar").is(":visible")) {
$(this).parent("li").parent("ul").slideUp("fast", function () {
$(this).css("overflow", "").css("display", "");
});
}
Insert after line 39:
$(".page-control .menu-pull-bar").text($(".page-control ul li.active a").text());
$(".page-control ul li a").click(function (e) {
e.preventDefault();
$(this).parent("li").parent("ul").parent(".page-control").find(".menu-pull-bar").text($(this).text());
});
FILE: modern-responsive.css
Insert in @media (min-width: 768px) NB.: Isn't really beatiful, but keeping it global, there is the same bug as dropdown.js that display: none persist and from 768px and up menu will disappear
Hi, just another fix found today...
FILE: pagecontrol.js
Replace line 18 to 23 with:
Insert after line 39:
FILE: modern-responsive.css
Insert in @media (min-width: 768px) NB.: Isn't really beatiful, but keeping it global, there is the same bug as dropdown.js that display: none persist and from 768px and up menu will disappear
Insert in @media (max-width: 767px)
Data uri:
Easy tutorial on how to get this works:
Done
Hope to help :D