added logo to header

_css/nav.css

@@ -27,8 +27,25 @@ ul.topnav li a {
   font-size: 17px;
 }
 
+ul.topnav li a.menu-switch {
+  padding: 0px 5px;
+}
+
 ul.topnav li a:hover {background-color: #555;}
 
+ul.topnav li.first-menu {
+  margin-top: 0px;
+}
+
+ul.topnav img.nav-logo {
+    width: 50px;
+    float: left;
+}
+
+ul.topnav .menu-switch {
+    font-size: 44px;
+}
+
 ul.topnav li.icon {display: none;}
 
 ul.topnav li.logout {float:right;}
@@ -66,9 +83,9 @@ ul.topnav span.mobile_logout {
   }
   ul.topnav.responsive {position: relative;}
 
-  ul.topnav.responsive li {
+  ul.topnav.responsive li:not(.icon) {
     float: none;
-    display: inline;
+    display: block;
   }
   ul.topnav.responsive li a {
     display: block;
@@ -88,8 +105,16 @@ ul.topnav span.mobile_logout {
     top: 15px;
     right: 15px;
     font-size: 16px;
-}
+  }
 
+  ul.topnav li.first-menu {
+    margin-top: 47px;
+  }
 
-ul.topnav li.logout {float:none;}
+/*  ul.topnav li a {
+    padding: 14px 16px;
+  }
+*/
+
+  ul.topnav li.logout {float:none;}
 }

template/templates/nav.tpl

@@ -1,8 +1,9 @@
 <ul class="topnav" id="myTopnav">
+  <img src="/_image/logo.png" class="nav-logo">
   {if $can_logout}
   <li class="icon">
-    <a href="javascript:void(0);" onclick="myFunction()">
-      Menü &#8801;
+    <a href="javascript:void(0);" onclick="myFunction()" class="menu-switch">
+      &#8801;
     </a>
     <span class="mobile_logout">
         {if $page == 'admin' || $page == 'coach' || $page == 'coach_preview'}
@@ -17,7 +18,7 @@
     </span>
   </li>
   {foreach $menus as $menu}
-    <li><a href="/{$page}/{$menu.spage_url}{if $page == 'preview'}/{$user_login->get_uk_id()}{elseif $page == 'coach_preview'}/{$user_login->get_ua_id()}{/if}">
+    <li class="{if $menu@first}first-menu{/if}"><a href="/{$page}/{$menu.spage_url}{if $page == 'preview'}/{$user_login->get_uk_id()}{elseif $page == 'coach_preview'}/{$user_login->get_ua_id()}{/if}">
 
         {$menu.spage_title}
 
@@ -27,7 +28,7 @@
 
   {else}
 
-  <li class="login"><a href="/{$page}">{if $page == 'tabor' || $page == 'taborvezeto'}Tollaslabda táborok 2018. nyár{else}Badminton Coach{/if}</a></li>
+  <li class="login"><a href="/{$page}">Badminton Coach</a></li>
   {/if}
 
 
@@ -39,10 +40,6 @@
           {$user_login->get_ua_name()}
         {elseif $page == 'view' || $page == 'preview'}
           {$user_login->get_uk_name()}
-        {elseif $page == 'tabor'}
-          {$user_login->get_cu_email()}
-        {elseif $page == 'taborvezeto'}
-          {$user_login->get_ucl_name()}
         {/if}
         </span>
         <img src="/_image/logout{if $page == 'view' || $page == 'preview'}_blue{/if}.png">