Show second logo on scroll in sticky bottom row header

[Pawel]

Pawel

February 18, 2021 at 3:27 am

Hi 🙂

I know that my question maybe is not a part of support but im stuck and maybe someone can help.
I added second logo in bottom row header using html item. The first logo is placed on main row. Moreover the main row is hinding during scroll beacuse only the bottom row setted to sticky
Then im trying to show second logo on scroll by using this:

HTML Item in header:
<img class="SecondLogo" src="SecondLogo.png" />

jQuery added to custom scripts in theme settings:
$(window).scroll(function () {
if ($(this).scrollTop() >0) {
$('.SecondLogo').fadeIn();
} else {
$('.SecondLogo').fadeOut();
}
});

CSS in theme settings:

.SecondLogo {
display:none;
}

Of course its not working so I’m trying to figure it out
I’m not a programmer so I don’t know if there is an easier way to do this.

Thanks for any help.

• This topic was modified 5 years, 2 months ago by Pawel.
• This topic was modified 5 years, 2 months ago by Pawel.
• This topic was modified 5 years, 2 months ago by Pawel.
• This topic was modified 5 years, 2 months ago by Pawel.
• This topic was modified 5 years, 2 months ago by Pawel.