Invert Logo On Any Page


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;

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