Swap Image (logo) after scroll in topbar X-Pro

[stuartmurphy]

I have a working topbar using X-Pro headers and happy with this. Need to modify this so that it swaps logos. The best I can get is that both logos are visible when viewing the page and the correct logo can be viewed when scrolled – however both logos are visible when I have tried a lot of things to hide one of the logos and can’t achieve this.

I have used a modified version of the script taken from a previous Post called ‘Header change image logo on scroll’ and I can’t get it to work.

I have a number of nav bars within the header on other pages and need to swap the logos on these pages also.

URL in secure note

[ruenel]

Hello @stuartmurphy,

Thanks for writing in!

It turns out that your custom css is incorrect. I went ahead and correct the css using this:

/* change logo on scrolling in topbar */

.x-bar #logo-ns{
  display: inline-block;
}

.x-bar #logo-strap{
  display: none;
}

.x-bar.x-bar-fixed #logo-ns{
     display: none;
}

.x-bar.x-bar-fixed #logo-strap{
     display: inline-block;
}

Please check your site header now.

[stuartmurphy]

Thanks. That’s perfect RueNel!!!

[rad]

You’re welcome!