Fix navbar in small screens

This commit is contained in:
samaradel
2022-06-21 11:50:30 +02:00
parent 345234bf86
commit 49177e2ce7

View File

@@ -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 %}