From 49177e2ce7339725d9a87ac145eb405258da5192 Mon Sep 17 00:00:00 2001
From: samaradel <samar@incubaid.com>
Date: Tue, 21 Jun 2022 11:50:30 +0200
Subject: [PATCH] Fix navbar in small screens

---
 templates/partials/header.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/partials/header.html b/templates/partials/header.html
index 58b2ba091..bd21194c8 100644
--- a/templates/partials/header.html
+++ b/templates/partials/header.html
@@ -4,7 +4,7 @@
 <header id="header-container">
     <div class="z-10 bg-white fixed w-full top-0">
         <div class="relative z-50 shadow">
-        <div class="mx-auto flex z-50 shadow justify-between items-center px-6 sm:px-8 md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
+        <div class="mx-auto flex z-50 shadow justify-between items-center px-6 sm:px-8 md:px-12 py-2 lg:px-10 lg:justify-start space-x-10 sm:space-x-20 ">
             <div>
                 <a href="/" class="flex">
                     <img class="w-20 h-auto sm:w-15" style="max-width: none;" src="{{section.extra.logoPath}}" alt="Ourworld Logo" />
@@ -24,7 +24,7 @@
                 </svg>
                 </button>
             </div>
-            <div class="hidden lg:flex-1 lg:flex lg:items-center lg:justify-between lg:space-x-12">
+            <div class="hidden lg:flex-1 lg:flex lg:items-center lg:justify-between lg:space-x-6">
             <nav class="flex space-x-10">
 
             {% for header_item in header_items %}