sacado el div del salamandra devs y aplicado flexbox para separar a ambos lados del...

diff --git a/themes/droda/assets/css/main.css b/themes/droda/assets/css/main.css
index a7264c562cf9b73f593a543e39fd48a59240d66e..785db964a659d46aba3492b7cb17e2b9c914a642 100644 (file)
--- a/themes/droda/assets/css/main.css
+++ b/themes/droda/assets/css/main.css
@@ -100,16 +100,25 @@ aside .item {
 }
 
 nav {
+   display: flex;
+   justify-content: space-between;
    grid-area: navbar;
    background-color: var(--bgColorDark);
    width: 100%;
 }
 
+nav div {
+   display: flex;
+   align-self: center;
+   flex-flow: nowrap;
+   width: 100%;
+}
+
 nav ul {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
-   justify-content: space-between;
+   justify-content: flex-end;
    list-style-type: none;
    width: 100%;
    height: 100%;

diff --git a/themes/droda/layouts/partials/navbar.html b/themes/droda/layouts/partials/navbar.html
index 3d6dc41bb86e8ce8af8dafa007fc2ea204ae4f1e..3b339a59a4365037f7cfe7e4318b6a7198aa65ce 100644 (file)
--- a/themes/droda/layouts/partials/navbar.html
+++ b/themes/droda/layouts/partials/navbar.html
@@ -1,9 +1,11 @@
 {{ "<!-- Partial block for navbar -->" | safeHTML }}
 <nav>
-  <ul>
   {{ with .Site.GetPage "home" }}
-  <li><a class="hover" href="{{ .Permalink }}">{{ .Title }}</a></li>
+  <div> <img src=".params.homeIcon|abs url" alt=""> <a class="hover" href="{{ .Permalink }}">{{ .Title }}</a></div>
   {{ end }}
+  
+  <ul>
+  
   {{ range .Site.Sections }}
   <li><a class="hover" href="{{ .Permalink }}">{{ .Title }}</a></li>
   {{ end }}