From aa406e688b286dd4ac8a922729d486c521d63f3f Mon Sep 17 00:00:00 2001
From: Richard Thier <u9vata@gmail.com>
Date: Fri, 6 Mar 2020 23:18:52 +0100
Subject: [PATCH] Updated navmenu for mobile - maybe not latest version...

---
 prosopopee/themes/exposure/static/css/style.css  | 14 +++++++-------
 .../exposure/templates/sections/navmenu.html     | 16 ++++++++--------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/prosopopee/themes/exposure/static/css/style.css b/prosopopee/themes/exposure/static/css/style.css
index c758378..2e2fd2a 100644
--- a/prosopopee/themes/exposure/static/css/style.css
+++ b/prosopopee/themes/exposure/static/css/style.css
@@ -467,7 +467,7 @@ input:checked + .slider:before {
 #nav p { /* For email and phone for example */
  color:#FFF;
  text-align:left;
- font-size:2.5vw;
+ font-size:2.5vmin;
  padding:0;
  margin:0;
 }
@@ -493,15 +493,15 @@ input:checked + .slider:before {
 }
 
 #nav ul li i { /*betűméret - szélesség (ikonsor)*/
- font-size:2.8vw;
- width:3.4vw;
+ font-size:2.8vmin;
+ width:3.0vw;
 } 
 
 #nav ul li a { /*betűméret - menü szöveg*/
  display:block;
- padding:1.6vw 3.0vw;
+ padding:1.5vh 3.0vw;
  color:#FFF;
- font-size:2.8vw;
+ font-size:2.8vmin;
  text-decoration:none;
  font-family: Georgia, serif;
  text-align:center;
@@ -513,7 +513,7 @@ input:checked + .slider:before {
 /* almenük elrejtése */
 #nav ul ul {
  display: none;
- position: absolute; top: 60%;
+ position: absolute; top: 100%;
 }
 
 /* hover-re megjelenítés */
@@ -556,7 +556,7 @@ nav ul ul ul li {
 .polaroid-line {
     width: 70vw;
     margin: auto;
-    position: relative; /* Needed when cust_pos becomes active and children are absolute positioned for this one */
+    position: relative; /*Needed when cust_pos becomes active and children are absolute positioned for this one*/
 }
 
 a.polaroid {
diff --git a/prosopopee/themes/exposure/templates/sections/navmenu.html b/prosopopee/themes/exposure/templates/sections/navmenu.html
index 19c9c0d..76e9659 100644
--- a/prosopopee/themes/exposure/templates/sections/navmenu.html
+++ b/prosopopee/themes/exposure/templates/sections/navmenu.html
@@ -6,7 +6,7 @@
      <ul>
        <li><a href="#"><i class="fas fa-home fa-2x"></i><Br/>{{ section.home_text }}</a></li>
        {% if has_goto %}
-       <li><a href="#"><i class="fas fa-list"></i><Br/>{{ section.goto_text }}</a>
+       <li><a href="#"><i class="fas fa-list fa-2x"></i><Br/>{{ section.goto_text }}</a>
          <ul>
              {% for goto in gotolist %}
              <li><a href="#{{ goto.menuid }}"><i class="fas fas fa-arrow-right"></i>{{ goto.text }}</a></li>
@@ -15,24 +15,24 @@
        </li>
        {% endif %}
        {% if section.blog %}
-       <li><a href="{{ section.blog }}"><i class="fas fa-newspaper"></i><Br/>Blog</a></li>
+       <li><a href="{{ section.blog }}"><i class="fas fa-newspaper fa-2x"></i><Br/>Blog</a></li>
        {% endif %}
-       <li><a href="#"><i class="fas fa-envelope-square"></i><Br/>{{ section.contact_text }}</a>
+       <li><a href="#"><i class="fas fa-envelope-square fa-2x"></i><Br/>{{ section.contact_text }}</a>
          <ul>
          {% if section.email %}
-         <li><a href="mailto:{{ section.email }}"><i class="fas fa-envelope-square"></i>Email</a></li>
+         <li><a href="mailto:{{ section.email }}"><i class="fas fa-envelope-square fa-2x"></i>Email</a></li>
          {% endif %}
          {% if section.facebook %}
-         <li><a href="{{section.facebook}}"><i class="fab fa-facebook"></i>Facebook</a></li>
+         <li><a href="{{section.facebook}}"><i class="fab fa-facebook fa-2x"></i>Facebook</a></li>
          {% endif %}
          {% if section.linkedin %}
-         <li><a href="{{section.linkedin}}"><i class="fab fa-linkedin"></i>Linkedin</a></li>
+         <li><a href="{{section.linkedin}}"><i class="fab fa-linkedin fa-2x"></i>Linkedin</a></li>
          {% endif %}
          {% if section.twitter %}
-         <li><a href="{{section.twitter}}"><i class="fab fa-twitter"></i>Twitter</a></li>
+         <li><a href="{{section.twitter}}"><i class="fab fa-twitter fa-2x"></i>Twitter</a></li>
          {% endif %}
          {% if section.github %}
-         <li><a href="{{section.github}}"><i class="fab fa-github"></i>Github</a></li>
+         <li><a href="{{section.github}}"><i class="fab fa-github fa-2x"></i>Github</a></li>
          {% endif %}
          </ul>
        </li>