Skip to content
Snippets Groups Projects
Commit 274a0e7c authored by Shraddha Raghuram's avatar Shraddha Raghuram
Browse files

update navbar

parent 805b9175
No related branches found
No related tags found
No related merge requests found
Pipeline #407338 passed
......@@ -27,11 +27,10 @@ body{
position: fixed;
z-index: 10;
transition: all 0.2s linear; */
/* height: 100px; */
/* display: flex; */
height: 100px;
display: flex;
position: fixed; /* Keep the navbar fixed at the top of the viewport */
top: 0; /* Align it to the very top of the page */
/* left: -10px; */
width: 100%; /* Make sure it spans the full width of the page */
z-index: 10; /* Ensure it stays above other content */
backdrop-filter: blur(5px); /* Optional: Keep this for a blurred background */
......@@ -39,7 +38,7 @@ body{
margin: 0; /* Remove any margin */
padding: 0; /* Remove any padding */
align-items: center; /* Ensure vertical alignment */
/* padding-top: 10px; */
padding-top: 10px;
}
.my-nav .icon{
/* flex-basis: 200px;
......@@ -52,7 +51,7 @@ body{
background-repeat: no-repeat; */
flex-basis: 200px; /* Make sure this is large enough for the logo */
height: 100%; /* Ensure the icon container height matches the nav */
margin: 5px 30px 0 30px; /* Adjust margin to properly position the logo */
margin: 0 30px; /* Adjust margin to properly position the logo */
background-image: url(https://static.igem.wiki/teams/5054/logo-kleur.svg);
background-size: contain; /* Adjust to contain the entire logo */
background-position: center; /* Center the logo */
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment