Adjusting top margins for fixed navbar

This commit is contained in:
Thomas Smith 2022-09-27 17:26:06 -04:00
parent d313df83cd
commit 0d0ec75c48
2 changed files with 40 additions and 10 deletions

View file

@ -1,12 +1,14 @@
/* General/Utilities */
html,body{
background-color: #1a1a1a;
max-width: 1920px;
overflow-x: hidden;
}
@media only screen and (min-width: 1200px) {
html,body{
background-color: #1a1a1a;
max-width: 1920px;
overflow-x: hidden;
margin-top: 2.2vw;
}
.container{
max-width: 1920px;
padding: 4.185vw 8.371vw 4.185vw 8.371vw;
@ -14,6 +16,14 @@ html,body{
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
html,body{
background-color: #1a1a1a;
max-width: 1920px;
overflow-x: hidden;
margin-top: 2.2vw;
}
.container{
max-width: 1920px;
padding: 4.185vw 8.371vw 4.185vw 8.371vw;
@ -21,6 +31,14 @@ html,body{
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
html,body{
background-color: #1a1a1a;
max-width: 1920px;
overflow-x: hidden;
margin-top: 5vw;
}
.container{
max-width: 1920px;
padding: 4.185vw 8.371vw 4.185vw 8.371vw;
@ -28,6 +46,14 @@ html,body{
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
html,body{
background-color: #1a1a1a;
max-width: 1920px;
overflow-x: hidden;
margin-top: 6.65vw !important;
}
.container{
max-width: 1920px;
padding: 4.185vw 8.371vw 4.185vw 8.371vw;
@ -35,6 +61,14 @@ html,body{
}
@media only screen and (max-width: 576px) {
html,body{
background-color: #1a1a1a;
max-width: 1920px;
overflow-x: hidden;
margin-top: 5.5vw !important;
}
.container{
max-width: 1920px;
padding: 10vw 5vw;

View file

@ -1,9 +1,5 @@
/* Navbar General */
html,body{
margin-top: 2.2vw;
}
.navbar{
position: fixed;
width:100%;