Jump to content

Light dark logo in header

Recommended Posts

Posted (edited)

Hi

I have seen various requests and solutions. I tried this code below, but my logo is burgundy so inverted it turned bluey colour, I'd like it to appear white on the homepage where it appears on a photo and the uploaded burgundy on the other pages. Can anyone help? Will it work across on mobile? Thanks

//Invert header logo color on dark themed Sections
.dark, .dark-bold, .black, .black-bold {
  &.header .header-title-logo a {
    filter: invert(1);
    -webkit-filter: invert(1);
}}

Screenshot 2024-06-06 at 12.49.47.png

Screenshot 2024-06-06 at 12.50.18.png

Edited by MyfWebb
Link to comment
  • Replies 4
  • Views 148
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.