How to change the logo on mobile view

Hi All,

Opening and other pages use different logo types. I am looking for a way to change the logo both on mobile and desktop versions of the website on the other pages. It works on desktop. On mobile view, I couldn't get a response using the code below.

<style>
  .header-title-logo a {
    content: url("https://static1.squarespace.com/static/6367f6214598cd043ea9b501/t/63b2e0fef9eeee6d051697d1/1672667390818/Logo_Icon_Black-01.png");
  }
</style>

Use this new code

<style>
  header#header img {
    content: url(https://static1.squarespace.com/static/6367f6214598cd043ea9b501/t/63b2e0fef9eeee6d051697d1/1672667390818/Logo_Icon_Black-01.png);
  }
</style>

On 2/26/2023 at 5:05 AM, tuanphan said:

Thank you for your help. I tried that code again, but this time it looks so small on mobile view that it is almost impossible to recognize if it is a logo.

<style>
  header#header img {
    content: url(https://static1.squarespace.com/static/6367f6214598cd043ea9b501/t/63b2e0fef9eeee6d051697d1/1672667390818/Logo_Icon_Black-01.png);
  }
</style>

 

I figured it out and it looks quite good right now. I changed the mobile logo size on the panel without adding extra lines of code.