Dark/Light Logo

In case you need to use 2 separate logos for 2 Light/Dark modes of the website, please check the instructions below:

1, Add a Image block (logo in dark mode) next to the main logo and add class to this image as "dark-logo" 👇

2, Add the following custom CSS code to the "Additional CSS" section 👇 - (check out this guide to learn how to add Additional CSS )

Add Custom CSS

// Additional CSS

.dark header .wp-block-site-logo {
    display: none;
}
.logo-dark {
    display: none;
}
.dark header .logo-dark {
    display: block;
}