NO BUG: Inverse mobile logo on scroll

I am using the Bricks native sticky but am having an issue when using two logos (one light, one dark). For the first logo, in the inverse I am able to set a different logo that switches on scroll. For the second logo, I am able to add in the inverse logo into the element. But it does not change on scroll like the first logo does. Does it only expect one logo?

This is an example of the second logo (the one with the issue) Academics: Instantly turn your research into social impact

Hi Yasmine,
Thanks so much for your report!

Yes, the code expects one logo, which is usually sufficient for most websites :slight_smile:

Instead of using the inverse setting, you could add some custom CSS that shows (display: block) or hides (display: none) the logos, depending on whether the navbar is sticky or not (the same as you do for .dark-page-mode).

You can use .scrolling #logoID {...} to achieve the desired result.

Best regards,
timmse

That makes sense now, thank you!