.header-title-nav-wrapper {
flex-direction: column;
justify-content: flex-start !important;
align-items: flex-start;
}
//change navbar background//
.header-nav {
background-color: rgb(18,33,54);
width: 150vw !important;
align-items: flex-start;
height: 6vw !important;
line-height: 6vw;
margin-top: 2vw;
}
//full width header//
.header{
margin-left: -5vw
}
//reset logo location//
.header-nav{
padding-left: 5vw !important;
}
.header-title-logo img{
padding-left: 4vw !important
}
//fix mobile//
@media screen and (max-width: 646px) {
.header--menu-open .header-menu {
opacity: 1;
visibility: visible;
color: black !important;
}
}
This is what I have currently but it has a lot of problems. The button disappears on desktop view and the burger isn’t showing on mobile. Also at a certain width it adjusts and you can’t see the navbar.
Any suggestions?