I want to change the logo on the site when the main navigation is activated.
So essentially there would be one logo that appears straight away in the grey square, but when the full navigation is activated (class “header-slide-down” added), I want to change the logo to a longer one, “PIXEL KICKS”.
I’ve added some code in “custom.theme.js” which nearly works perfect, but the logo starts changing too soon. Can you help identify what I need to add to make the X change to “PIXEL KICKS” only when the full-width navigation has fully appeared? Currently it starts changing inside the small grey square.