Fix sidebar nav size issue on mobile

This commit is contained in:
Thomas A. Christensen II 2019-09-28 12:09:39 -07:00
parent 23dfd4bc31
commit cd4016724b
2 changed files with 14 additions and 3 deletions

View file

@ -37,7 +37,7 @@
</script>
</head>
<body>
<div class="container">
<div class="container" id="top-container">
<header class="hidden-xs text-center">
<h1 class="font-serif font-small-caps"><object data="../img/Millironx-title.svg"><img src="../img/MillironX-title.svg" alt="Milliron X" /></object>&emsp;Milliron X</h1>
</header>

View file

@ -1,5 +1,16 @@
$(".img-src").width($("#main-content").width());
$(window).resize(function () { $(".img-src").width($("#main-content").width()); });
$("#nav-link-container").height($("#nav-link-list").height());
if ($("#top-container").width() > 768) {
$("#nav-link-container").height($("#nav-link-list").height());
}
$(window).resize(function () {
$(".img-src").width($("#main-content").width());
if ($("#top-container").width() > 768) {
$("#nav-link-container").height($("#nav-link-list").height());
}
else {
$("#nav-link-container").css('height', '');
}
});
$("#motto").fitText();
$("[rel='tooltip']").tooltip();