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;
}

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.

hey, thanks, but doesn´t work. the problem is still not fixed

did you unerstand the problem? see video!

https://imgur.com/a/uEz6U6w

I apologize for the inconvenience caused. Could you please check now and let me know if the issue is resolved on your end?

Looking forward to your response.

Best regards

no its smaller!

also in mobile and tablet view, it remains different from the homepage. Please also adjust the bottom page of the mobile site to match the homepage of the mobile and tablet view (responsive)

Hello,

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

The issue is caused by using different header layouts across your site. The homepage uses one header design, while other pages use another. Since these headers have different spacing and structure, this results in logo misalignment, inconsistent navigation, and layout differences across devices.

With different header designs, it is not possible to maintain identical positioning or spacing across all pages.

To resolve this, please use the same header layout on all pages. This will ensure consistent positioning and appearance throughout the site.

Kind regards

Hello,

Thank you for your clarification.

There is no technical limitation preventing this from working on mobile. The behavior you are experiencing is due to the template design itself. Different headers used across pages have distinct structures, spacing, and styling, which leads to alignment differences—especially on mobile.

This is not a template issue because the same alignment differences exist in the demo available on our site. The template is designed this way when different header layouts are used.

Additionally, regarding the desktop view, the consistent alignment you are seeing there was achieved by applying custom CSS on your site. It is not part of the default template behavior.

Achieving identical, pixel-perfect alignment between two different header designs requires further customization. This falls outside standard support scope and is considered custom development.

Recommended options:

• Use a single header layout across all pages for consistent results.

Kind regards