Hi

Thanks for contacting us. Could you please give me your site URL and also a screenshot of your issue?

-Regards.

Hey,

here the Link https://www.joomshaper.com/joomla-templates/agentik

HOME / AI SaaS Creative

Hi

Please give me your site URL, it will help me to investigate it properly. And for uploading screenshots you can use it.

https://imgur.com/upload

Ok, but for further investigation I need your site URL. Dont worry, when it will be online just knock me here, I will help you.

see hidden contenct - internal company content!

Hi

You can use this CSS in your custom.css file

.home-default #sp-header #sp-logo .logo-image, .creative-home #sp-header #sp-logo .logo-image, .view-dynamic.services-page #sp-header #sp-logo .logo-image {
    filter: unset !important;
}

-Regards.

Hey, The currently implemented code unfortunately does not achieve the desired effect.

The intended logo behavior is as follows:

At the top of the page (no scrolling): white logo

Only after scrolling down: switch to the colored logo

With the current custom CSS, the logo remains permanently colored, regardless of the scroll position.

For clarification, I have recreated the desired effect in Photoshop and attached corresponding screenshots for your reference.

Please review the implementation and provide a working solution where the logo changes to the colored version only after scrolling.

Thank you in advance.

https://imgur.com/a/JwXKiTT

Hi,

Thank you for your inquiry.

Please note that it is not possible to change the logo color directly through the template settings. The logo would need to be edited externally (for example, using Photoshop or another image editing tool) and then re-uploaded to your site. You can modify the header or menu background colors from the template settings, but the logo itself cannot be adjusted there.

If you require further changes beyond the available settings, that would involve customization. Unfortunately, customization services are outside the scope of our support policy.

We appreciate your understanding.

Thanks.

Hello,

I have the impression that my request may not have been fully understood or that the template you provided has not yet been properly reviewed.

In the original template, the logo is also being replaced. Therefore, I kindly ask you to carefully read my specific question again and to review the template delivered by your team accordingly.

I am not requesting anything that is technically impossible. I am referring to a function that is already implemented within your own template. For this reason, I consider my request to be within the scope of regular support.

I would appreciate a renewed review of the matter and a concrete solution.

Thank you in advance.

Kind regards,

see: https://www.joomshaper.com/joomla-templates/agentik navigate to: Home / AI SaaS Creative. there are two differenz Logo colors showing . and the coloring ist from your preset css!

Please add the following CSS code to your Template Options -> Custom Code -> Custom CSS or in your custom.css file

#sp-header.header-sticky #sp-logo .logo-image {
    filter: unset !important;
}
#sp-header #sp-logo .logo-image {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(25deg) brightness(108%) contrast(101%) !important;
}

Hi

Is this solved now?

Hello,

I was only able to review this now. It is partly correct, but on the subpages the logo is also displayed in white and therefore not visible.

Could the logo on the subpages always be displayed in color?

Thank you very much and best regards

Hi there,

Thank you for your message, and I apologize for the inconvenience caused.

To ensure the logo displays correctly, please remove the earlier CSS and replace it with the following:

#sp-header.header-sticky #sp-logo .logo-image {
    filter: unset !important;
}

#sp-header #sp-logo .logo-image {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(25deg) brightness(108%) contrast(101%) !important;
}

body:not(.creative-home) #sp-header #sp-logo .logo-image {
    filter: unset !important;
}

This adjustment will ensure that the header logo appears white only on the “AI Saas Creative” page, while remaining in full color on all other subpages.

Please apply the update and let me know if everything displays correctly afterward.

Kind regards

Hello,

Thank you very much – it looks good overall.

However, on the subpages the logo shifts slightly to the right and is therefore not aligned in the same position as on the main page. The colors are now matching well.

Please adjust the logo position on the subpages accordingly.

Thank you.