AHC

Site URL: https://marigold-antelope-jk3k.squarespace.com/config/settings/domains/marigold-antelope-jk3k.squarespace.com

Help! I am trying to realign the button in the header. By moving it up. I'll attach a photo of what I want it to look like. 

Site URL: http://frog-vuvuzela-w66t.squarespace.com

I'm trying to make it so this section will adjust the size of the font to stay on one line when at different screen widths. Any ideas?

Thank you!

.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?

@tuanphan

Is there a way to target the background color to only be behind the navigation bar, not the logo and the button? And also align the button and logo to the same height?

Business Plan 

frog-vuvuzela-w66t.squarespace.com

Just switched it thank you. 

Password is Veritas123

Site URL: https://frog-vuvuzela-w66t.squarespace.com/config/pages

hello!

I’m trying to create a header similar to the image below. I am guessing I need to create a secondary header above the navbar but am struggling to figure out the coding. Any advice?