Hi. This CSS code does it

.sticky-wrapper.is-sticky #sp-header #sp-logo {
    overflow: hidden;
}

does not work

Hi

Thanks for contacting us. Could you please explain your issue a bit more? Give me a screenshot of it please.

-Regards.

in the template preview i see following:

https://angelus.vandamit.be/images/questions/logo-with-splash.jpg https://angelus.vandamit.be/images/questions/logo-without-splash.jpg

how can i have the same?

Did you try to install the quickstart pack? QuickStart pack is a complete demo website that includes the entire Joomla package containing the CMS, components, modules, template, other necessary data, and configurations. All the files are zipped together making them larger in size. Installing the Quickstart pack will give you the template exactly as it is shown in the demo.

Hi,

apparently not, because i did install the Quickstart

If you have installed the quickstart pack then it should work. Please clear your Joomla and Browser cache.

Hi Team,

still the same, and i have tested on 2 different website, just to be sure. Same behaviour

Can you let me know how it is configured in the preview website? print screen of the logo's in the "template style"? or somehow?

thanks

Did you follow this documentation?

https://www.joomshaper.com/blog/how-to-install-a-quickstart-package-of-a-joomla-template

You can follow this and install quickstart.

Hi Team,

yes this is how i installed the quickstart multiple times

@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.

Glad to know that. You can now close this post by accepting the solution.