changes in header

hagstofan · Apr 3, 2024 · 3143b6f · 3143b6f
1 parent b02d1ea
commit 3143b6f
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 8 deletions.
diff --git a/_includes/header-en.html b/_includes/header-en.html
@@ -7,7 +7,7 @@
                 </a>
             </div>
             <div id="main-text" class="header-text col-8">
-                Sustainable Development Goals
+                <a id="main-text-content-en" href="https://heimsmarkmidin.hagstofa.is/en/">Sustainable Development Goals</a>
             </div>
             <div class="header-language col-6 col-lg-2">
                 <div class="upper-desktop-navbar">

diff --git a/_includes/header.html b/_includes/header.html
@@ -15,7 +15,7 @@
 
 <div class="container">
     <nav class="navbar navbar-expand-lg navbar-light flex-wrap align-items-start">
-        <div id="mobile-main-text">{%- if page.language == "en" -%}Sustainable Development Goals{%- else -%}Heimsmarkmiðin{%- endif -%}</div>
+        <div id="mobile-main-text">{%- if page.language == "is" -%}Heimsmarkmiðin{%- endif -%}</div>
         {% include components/header/logo.html %}
         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{{ page.t.header.show_menu }}">
             <span class="navbar-toggler-icon"></span>

diff --git a/_sass/custom.scss b/_sass/custom.scss
@@ -86,7 +86,7 @@ header.hagstofa {
     }
   }
 
-  .header-text {
+  .header-text, .header-text a {
     font-family: adelle-sans, sans-serif;
     font-weight: 600;
     font-size: 24px;
@@ -97,6 +97,10 @@ header.hagstofa {
     padding-top: 21px;
   }
 
+  .header-text a:hover {
+    text-decoration: none;
+  }
+
   .upper-desktop-navbar {
     float: right;
 
@@ -347,19 +351,31 @@ footer.hagstofa {
   }
 }
 
-@media (min-width: 992px) {
-  header.hagstofa .upper-desktop-navbar #link-button-visar {
-    display: flex;
-  }
+#main-text-content-en {
+    display: none;
 }
 
 @media (min-width: 1200px) {
+  #main-text-content-en {
+    display: inline;
+  }
+}
+
+@media (min-width: 992px) {
   #main-text {
     display: block;
   }
+
+  #mobile-main-text {
+    display: none;
+  }
+
+  header.hagstofa .upper-desktop-navbar #link-button-visar {
+    display: flex;
+  }
 }
 
-@media (max-width: 992px) {
+@media (max-width: 991px) {
   .header-search-bar {
       width: 100% !important;
   }