Invert Logo On Any Page

ezgif-3-0a47958a71f9.gif

Step One

Go into the settings of any specific page or index: Advanced > Page Header Code Injection

Step Two

Copy and paste the below code in the Page Header Code Injection box.

<style>.Header-branding-logo {
 -webkit-filter: invert(100%) !important;
 filter: invert(100%) !important;
 }</style>

Step Three

Depending on your logo, you may need to change the invert property from 100% to 0%. Plain black and white logos work best.

Save and refresh the page. 👍

Moov Labs