Fix blog page headers so that the logo is visible on desktop and mobile

Square space doesn't support multiple header types which means by choosing a 'transparent/dynamic header' and using white logo you are left with a blog page that doesn't have a visible logo or any way to change it please can someone help?

Can you share your website URL and the blog page?

32 minutes ago, Ziggy said:

Can you share your website URL and the blog page?

sure its https://www.antondeleeuw.com
blog page https://www.antondeleeuw.com/insights-events/doctorate-in-turnaround-management
of course its the same issue with all the blog pages

Go into the main blog settings, go to Advanced and then Post Blog Item Header Code Injection and paste in this:

<style>
  .header-title-logo, .header-mobile-logo {
    filter: invert(1);
}
</style>

5 hours ago, Ziggy said:

Go into the main blog settings, go to Advanced and then Post Blog Item Header Code Injection and paste in this:

<style>
  .header-title-logo, .header-mobile-logo {
    filter: invert(1);
}
</style>

 

thanks so much, just a question can I use css to make it the dark blue rather than just black? no worries if not

On 1/24/2024 at 1:56 AM, Stenio83 said:

thanks so much, just a question can I use css to make it the dark blue rather than just black? no worries if not

It is not possible, but if you have a logo file with dark blue color, you can use this new code

<style>
  header#header img {
  	content: url(https://cdn.pixabay.com/photo/2024/01/15/19/40/animal-8510775_1280.jpg);
  }
</style>

replace Pixabay with darkblue logo url