From 3e74e8fc876e3dcc4d4b9734db908492616bc970 Mon Sep 17 00:00:00 2001 From: Marcel Padilla Date: Mon, 16 Sep 2024 22:47:20 +0200 Subject: [PATCH] navigation bar edit css --- Source/CSS/style.css | 24 ++++++++++++++++-------- index.html | 3 +++ 2 files changed, 19 insertions(+), 8 deletions(-) diff --git a/Source/CSS/style.css b/Source/CSS/style.css index 5d339fa..4bf370c 100644 --- a/Source/CSS/style.css +++ b/Source/CSS/style.css @@ -116,9 +116,11 @@ img.icon { } .header { - position: fixed; + /* position: fixed; */ + position: sticky; + top: 0; width: 100%; - height: var(--header_height); + /* height: var(--header_height); */ background-color: var(--main_color_light); z-index: 1000; border-bottom: 2px solid #000000; @@ -127,8 +129,9 @@ img.icon { .headerSpacer { width: 100%; - height: var(--header_height); - height: calc(var(--header_height) + 4px); + /* height: var(--header_height); */ + /* height: calc(var(--header_height) + 4px); */ + height: auto; } @@ -136,7 +139,7 @@ img.icon { .header .navigation { background-color: var(--main_color_dark); width: 100%; - height: var(--header_height); + /* height: var(--header_height); */ z-index: 2; color: white; font-size: 16px; @@ -152,6 +155,9 @@ img.icon { /* Vertically center items in the navigation bar */ justify-content: center; /* Horizontally center the navigation links */ + flex-wrap: wrap; /* Add this line */ + + } @@ -159,6 +165,8 @@ img.icon { display: none; } + + .header .navigation a { background-color: var(--main_color_medium); position: relative; @@ -649,12 +657,12 @@ table tr td { /* On narrow screens */ /* @media (max-width: 550px) { */ -@media (max-aspect-ratio: 3/5) { - .header .navigation a { +@media (max-aspect-ratio: 2.5/5) { + /* .header .navigation a { font-size: 8pt; padding-left: 2px; padding-right: 2px; - } + } */ .page-container { display: flex; diff --git a/index.html b/index.html index 7e91707..838a62d 100644 --- a/index.html +++ b/index.html @@ -31,6 +31,7 @@ gtag('config', 'G-YE3HMMJMWH'); --> + @@ -71,6 +72,8 @@ + +