Left Align secondary header & insert line

Site URL: https://rectangle-panda-mjyt.squarespace.com/?p

password: bobcats2014

Hi,

I created a secondary header above the primary one and I wish to left align this but can't seem to find the correct css to solve this. Once that is accomplished, I would like to insert a logo of a cell phone next to the phone number and a location logo (like a pin drop) next to the address if possible.

I am also looking to place a thin horizontal line below this secondary header (which would be above the primary one) to have some aesthetic separation between the secondary and primary header. Ideally, this line would only span the width of where the text of the headers have text, and NOT from edge to edge of the page (if that makes sense). See attached image for what I am trying to accomplish with this line - this is a rough and dirty highlighted line so pay no mind to the wavy aspect of it nor the thickness of it. I would like it to be thin and white. 

3 hours ago, distyboy said:

Site URL: https://rectangle-panda-mjyt.squarespace.com/?p

password: bobcats2014

Hi,

I created a secondary header above the primary one and I wish to left align this but can't seem to find the correct css to solve this. Once that is accomplished, I would like to insert a logo of a cell phone next to the phone number and a location logo (like a pin drop) next to the address if possible.

I am also looking to place a thin horizontal line below this secondary header (which would be above the primary one) to have some aesthetic separation between the secondary and primary header. Ideally, this line would only span the width of where the text of the headers have text, and NOT from edge to edge of the page (if that makes sense). See attached image for what I am trying to accomplish with this line - this is a rough and dirty highlighted line so pay no mind to the wavy aspect of it nor the thickness of it. I would like it to be thin and white. 

 

For the left align secondary navigator, adding to home > design > custom css

.cloned-subnav .header-nav-wrapper {
  justify-content: flex-start !important;   
}

Let me know how it works on your site

My testing

Thank you! How can I get it to line with the header below it? The header (the logo) below the secondary nav bar is indented a little which was done in "edit header" "desktop" "width" "insert". So I like the logo insert a little, just hoping to have the secondary header line up with it.

For the horizontal line

#wm-subnav .header-nav-wrapper{
  border-bottom: 5px solid #3c7f3d;
  padding-bottom: 12px;
}