Browse Source

Add nav jump button for mobile

pull/2/head
Noah Petherbridge 7 years ago
parent
commit
d4a9e51d7d
  1. 5
      www/layout.html
  2. 15
      www/solar/ui.css

5
www/layout.html

@ -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>

15
www/solar/ui.css

@ -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 *
******************************************************************************/

Loading…
Cancel
Save