2 logos in the site title area?

I'm using a 7.0 Brine template (Mentor). Is there any way to add an additional logo in the site title in the header area (2 separate logos)? I want to make the blue logo locked in position (flush left) and have the BG logo centered and able to move for resizing the screen. 

If I make one wide image, it does not stack on mobile and gets super small.

I'm trying to do this in the top header:

Could you provide us access to your locked site? 

Also, Is there code I can use to change the color of a sentence within a text box? Not the whole paragraph, just a sentence within it. What is bold here, would be a teal color...

Is there any way to share the password privately?

ReformDesign, I messaged it to you.

28 minutes ago, pantano3 said:

Also, Is there code I can use to change the color of a sentence within a text box? Not the whole paragraph, just a sentence within it. What is bold here, would be a teal color...

thanks for that, but I think that feature for changing color is in 7.1, my site is in 7.0

1 hour ago, pantano3 said:

I'm using a 7.0 Brine template (Mentor). Is there any way to add an additional logo in the site title in the header area (2 separate logos)? I want to make the blue logo locked in position (flush left) and have the BG logo centered and able to move for resizing the screen. 

If I make one wide image, it does not stack on mobile and gets super small.

I'm trying to do this in the top header:

This is a good start that will take some tweaking on your end for desired spacing etc. I added this to Settings > Advance > Header Code Injection.

The test site I used had the following header settings: 

- Site Title / Logo was should be set to The Baker Group logo (I didn't upload this in testing)
- Desktop header logo was set as centered
- Mobile header logo was set as left-aligned. 

The code below inserts a floating div containing an image on top of your header. Div is only there if you want to apply a link, and it helps with mobile settings. 

<div class="logo2-container">
<img class="logo2" src="https://images.squarespace-cdn.com/content/v1/5c5dea18a56827339bd6480f/4b1c3de5-c125-48b9-976b-df1042b2572f/CS_logo_RGB_300DPI.png?format=500w">
</div>

<style>
  .logo2 {
  height: 60px;
  padding-top: 25px;
  padding-left: 25px;
  }
 
  /*Mobile Styles*/
  
    @media only screen and (max-width: 600px) {
      .logo2 {
      display: inline;
      height: 30px;
      padding-top:80px;
      }
      .logo2-container {
      height: 120px;
      }
  }
</style>

5 minutes ago, ReformDesign said:

This is a good start that will take some tweaking on your end for desired spacing etc. I added this to Settings > Advance > Header Code Injection.

The test site I used had the following header settings: 

- Site Title / Logo was should be set to The Baker Group logo (I didn't upload this in testing)
- Desktop header logo was set as centered
- Mobile header logo was set as left-aligned. 

The code below inserts a floating div containing an image on top of your header. Div is only there if you want to apply a link, and it helps with mobile settings. 

 

<div class="logo2-container">
<img class="logo2" src="https://images.squarespace-cdn.com/content/v1/5c5dea18a56827339bd6480f/4b1c3de5-c125-48b9-976b-df1042b2572f/CS_logo_RGB_300DPI.png?format=500w">
</div>

<style>
  .logo2 {
  height: 80px;
  padding-top: 25px;
  padding-left: 25px;
  }
 
  /*Mobile Styles*/
  
    @media only screen and (max-width: 600px) {
      .logo2 {
      display: inline;
      height: 30px;
      padding-top:80px;
      }
      .logo2-container {
      height: 120px;
      }
  }
</style>

 

Settings in Edit > Edit Header > Layout will help you fine tune this as well as adjusting the padding numbers in the code. This code doesn't update in real-time as you edit like in Custom CSS, so save to see changes. 

I dont see the code when I log in. Should I paste it in myself?

When I enter the code the header gets added above the announcement bar. is there a way to have it below the announcement bar?

I think I will leave the header as it is for now until I can figure out a better way to do this. thanks for your help, though.

Do you still need help?

The logo will be clickable or non-clickable?