Kidzy Template - remove splash from logo when scrolling down

@Jennifer Van Dam

-> https://demo.joomshaper.com/2016/kidzy/index.php/en/
This preview Template by Joomshaper uses Bootstrap 3.x. and is very old.

-> https://angelus.vandamit.be/index.php/en/
Your Version of Kidzy uses Bootstrap 5.x.

As Result, the CSS Pavel provided did not work.
Both Version are quite different.

Unfortunately, I could not find a ready-made solution in a short time.
Maybe Pavel can provide a solution with the URL to your page.

Have a nice day.

Hi @Jens.

The code that I provided is not related to Bootstrap and works regardless of the Bootstrap version. When I provided the code, I just looked at the demo site and indicated that part of the code that is in the template and which does this work. This code is also here https://angelus.vandamit.be/index.php/en/ .

Without a link to the site containing a problem, I could not provide a solution. The code provided by me above does not need to be added somewhere.

Hi @Jennifer Van Dam.

Looks like wrong property value in template.css, that the JoomShaper team should place in bug list for fix in next update I think.

To solve the problem on the angelus.vandamit.be needs to add this line of code.

#sp-header .logo {
    position: relative;
}

@Pavel

I don't know if I have done anything to you, but please accept my apologies.

I saw that you provided CSS and it didn't work for the user.
Since no solution was ready until today, I looked at her other posts and found the URL to the actual page and compared it to the demo.
Following then pointed out the differences and that your CSS could not work with her version.
This should in no way be an attack on you.
Just a support for you and Jennifer to fix the problem as soon as possible.

Thank you very much for providing Jennifer with a solution.

I wish you also a beautiful and successful year.

I don't know if I have done anything to you, but please accept my apologies.

@Jens,
You have nothing to apologize for :) . I answered your post just to dispel your delusions about Bootstrap. And nothing more :)

Have a nice day

I answered your post just to dispel your delusions about Bootstrap.

It was the first indicator which I found and lead me to the difference of the templates itself.
I should have made it more clear, my reply was in relation to the diffrent versions of the templates, not bootstrap itself. :(

As Result, the CSS Pavel provided did not work.
Both Version are quite different

Both Template Versions "Kidzy 3.0.0" and "Kidzy 1.x demopage" are quite different, possible there is a problem within the template itself.

Thank you for bringing this to my attention, I will be a little more careful to make my answers more clear.

#sp-header .logo {
    position: relative;
}

Hi All,

this is working for me.

Thanks

Thanks for the feedback.
I'm glad to hear that Pavel's solution worked out.
Thanks to Pavel for providing the solution.

Have a nice day to all.