Mobile logo on Blog Post page.

Site URL: https://sam-donaldson.squarespace.com/

Website: https://sam-donaldson.squarespace.com/

Password: hls121

On the individual blog posts I'm able to update the logo to black using this code in code injection:

<style> 
div.header-title-logo a {
content:url("https://static1.squarespace.com/static/5f3cd780e640b63091644ae7/t/6064d85262ef5b7e7df521ce/1617221714566/Samantha+Donaldson+Wordmark_Black_wordmark.png") !important;     
max-width: 450px;
}
</style>

I can't seem to update the white logo to the black version on mobile though?

Thanks!

@tuanphan Are you able to support with this one at all?

Add to Design > Custom CSS

/* blog detail logo mobile */
body.collection-type-blog-basic-grid.view-item .header-mobile-logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
}

@tuanphanYou are fantastic - thank you!!

Do you offer a paid code service?

10 hours ago, michelle2 said:

@tuanphanYou are fantastic - thank you!!

Do you offer a paid code service?

Yes. If you have more problems, you can send via this form.

Also, I see the site has some small problems.

1. (Tablet-Homepage-Text off center)

2. (Tablet-Homepage-Difficult to read text)

3. (Tablet-Homepage-Huge white space)

4. (Footer-Email address black)

5. (Mobile-Footer-Change order of elements)

6. (Mobile-Enquire-Email)

7. (Tablet-Enquire)

8. (Mobile-Journal-Add some space)