Use logo image in nav, fix logo width for mobiles

2 files changed, 8 insertions, 6 deletions

diff --git a/gocryptfs-readthedocs/base.html b/gocryptfs-readthedocs/base.html
index f7fe8d4..9b78345 100644
--- a/gocryptfs-readthedocs/base.html
+++ b/gocryptfs-readthedocs/base.html
@@ -64,10 +64,10 @@
 
     {# SIDE NAV, TOGGLES ON MOBILE #}
     <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
-      <div class="wy-side-nav-search">
-    {%- block site_name %}
-        <a href="{{ nav.homepage.url }}" class="icon icon-home"> {{ config.site_name }}</a>
-	  {%- endblock %}
+      <div class="logo">
+        <a class="site-title" href="{{ homepage_url }}">
+	        <img src="{{ base_url }}/img/gocryptfs-logo.paths-white.svg" alt="gocryptfs">
+        </a>
 	  {%- block search_button %}
         {% if 'search' in config['plugins'] %}{% include "searchbox.html" %}{% endif %}
 	  {%- endblock %}
@@ -98,7 +98,9 @@
       {# MOBILE NAV, TRIGGLES SIDE NAV ON TOGGLE #}
       <nav class="wy-nav-top" role="navigation" aria-label="top navigation">
         <i data-toggle="wy-nav-top" class="fa fa-bars"></i>
-        <a href="{{ nav.homepage.url }}">{{ config.site_name }}</a>
+        <a href="{{ nav.homepage.url }}">
+            <img src="{{ base_url }}/img/gocryptfs-logo.paths-white.svg" alt="gocryptfs">
+        </a>
       </nav>
 
       {# PAGE CONTENT #}
diff --git a/gocryptfs-readthedocs/css/theme_extra.css b/gocryptfs-readthedocs/css/theme_extra.css
index 0d0ec29..27f02db 100644
--- a/gocryptfs-readthedocs/css/theme_extra.css
+++ b/gocryptfs-readthedocs/css/theme_extra.css
@@ -256,7 +256,7 @@ div.logo img {
 
 nav.wy-nav-top img {
 	height: auto;
-	width: auto;
+	width: 231px;
 	background-color: transparent;
 	border-radius: 0;
 }