Navigation header colour change in scrolling presentation – Pt. 2

Hello,

We spoke about this issue here https://hb-themes.com/forum/all/topic/navigation-header-colour-change-in-scrolling-presentation/
and it looked like it would be resolved, but I ran into some problems. Adjusting the font weight, letter spacing and pixelation of a logo as a png to fit the text version of it is difficult. Though doable, it is still quite noticeable when compared to one another.

Second problem is the transition syncing. Mine is different that the default one, and even though I was able to change it for my menu navigation, the logo pngs do not seem to respond to changed.

I might be doing it wrong:
#logo img.default, #logo .hb-visible-logo img.default, #logo img.alternative-logo {
transition: opacity 1s ease-in-out !important;
}
I’m assuming it’s the opacity that’s being changed, or am I wrong?

If applying the same transition effect for text logo isn’t possible on your end within theme support, I sent you a request for customization a few days back which I haven’t received any response to yet. I’d prefer having a logo as a text because it’s easier this way to adjust it to the rest of type on my page.