diff --git a/Css-files/ContactUpdate.css b/Css-files/ContactUpdate.css index b8c97a96..2b6942ad 100644 --- a/Css-files/ContactUpdate.css +++ b/Css-files/ContactUpdate.css @@ -249,6 +249,12 @@ nav { align-items: center; padding-bottom: 1rem; padding-top: 1rem; + position: fixed; + top: 0; + left: 0; + width: 100%; + z-index: 1000; /* Ensure it stays on top of other content */ + background-color: black; /* Ensure the navbar has a background color */ } .logo { diff --git a/Css-files/cart.css b/Css-files/cart.css index 73dcc2cc..29da5efd 100644 --- a/Css-files/cart.css +++ b/Css-files/cart.css @@ -113,15 +113,15 @@ width: 100%; } -<<<<<<< HEAD .empty-cart h4, + HEAD .empty-cart h4, .empty-cart button { - =======.butt { + .butt { color: white; } .empty-cart h4, .empty-cart button { - >>>>>>>59a67a53a38fb9bc9e0501c4444bec55e9a10769 margin: 20px; + margin: 20px; } input, @@ -140,4 +140,5 @@ align-items: flex-start; gap: 5px; } - } \ No newline at end of file + } +} \ No newline at end of file diff --git a/Css-files/content.css b/Css-files/content.css index a00d39b7..dfeda393 100644 --- a/Css-files/content.css +++ b/Css-files/content.css @@ -5,6 +5,8 @@ body { background-color: black; + margin: 0; + padding-top: 0; } .head_container:before { @@ -619,19 +621,23 @@ td { /* updated nav bar */ nav { height: 3rem; - background: #0000007c; - + width: 100%; + background-color: black; } .navigbar { - box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; + position: fixed; + top: 0; + width: 100%; + z-index: 1000; /* Ensure it stays on top of other content */ + padding: 0 2rem; + background-color: black; height: 3rem; - width: 95%; margin: 0 auto; - + box-sizing: border-box; } .logo { @@ -652,11 +658,16 @@ nav { justify-content: center; /* Center items horizontally */ margin: 0; - /* Remove default margin */ padding: 0; /* Remove default padding */ } - +.ul2{ + justify-content: flex-end; +} +.ul1 { + flex-grow: 1; + justify-content: center; +} .ul1 li a, .ul2 li a { color: white; diff --git a/content/content.css b/content/content.css index 9b561b2b..c6489001 100644 --- a/content/content.css +++ b/content/content.css @@ -43,6 +43,11 @@ body { .navbar { padding: 8px 10px; + top: 0; + left: 0; + width: 100%; + z-index: 1000; /* Ensure it stays on top of other content */ + background-color: black; /* Ensure the navbar has a background color */ } diff --git a/style.css b/style.css index 002efac1..38695f8e 100644 --- a/style.css +++ b/style.css @@ -12,6 +12,8 @@ body { background-color: black; + padding-top: 10px; + margin: 0; } .navbar { @@ -1041,7 +1043,12 @@ nav { .navigbar { display: flex; justify-content: space-between; - background: #0000007c; + position: fixed; + top: 0; + left: 0; + width: 100%; + z-index: 1000; /* Ensure it stays on top of other content */ + background-color: black; /* Ensure the navbar has a background color */ padding-left: 2rem; padding-right: 2rem; align-items: center;