Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

AHC

Member
  • Posts

    8
  • Joined

  • Last visited

  1. 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?
  2. .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?
  3. @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?
  4. Just switched it thank you. Password is Veritas123
  5. 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?
×
×
  • Create New...