Add nav jump button for mobile

pull/2/head
Noah 2014-10-16 02:00:46 +00:00
父節點 2453f0696f
當前提交 d4a9e51d7d
共有 2 個檔案被更改,包括 20 行新增0 行删除

查看文件

@ -27,6 +27,10 @@
{% from "google-ads.inc.html" import leaderboard, nav_ads %}
<div class="mobile-nav">
<a href="#navbar" class="btn btn-primary"><i class="glyphicon glyphicon-list"></i></a>
</div>
<div class="k-supernova"></div>
<div class="container-fluid">
@ -71,6 +75,7 @@
<div class="col-sm-2 col-sm-pull-10">
<div class="k-navpanel">
<a name="navbar"></a>
<div class="k-section">Kirsle</div>
<ul>
<li>&#0187; <a href="/">Homepage</a> (<a href="{{ url_for('blog.rss') }}">RSS</a>)</li>

查看文件

@ -114,6 +114,21 @@ p {
margin: 10px 0px;
}
/* Our own custom nav button for Bootstrap */
.mobile-nav {
display: none; /* for small screens only */
position: absolute;
z-index: 100;
top: 10px;
right: 10px;
}
@media (max-width: 768px) {
.mobile-nav {
display: block;
}
}
/*******************************************************************************
* General CSS Classes *
******************************************************************************/