Hello Michiel Visser,

Thank you for reaching out to our technical support forum. I’m sorry to hear about the trouble you’re experiencing. Rest assured, I will look into this issue for you and work to resolve it as quickly as possible.

The current CSS filter is applied to the entire logo image, which changes both the "REGISTER" text and the white "F" inside the icon. Since the logo is a single image, CSS cannot recolor the text while keeping the "F" white. The recommended solution is to create a separate sticky logo where the text is already teal and the "F" remains white. This will ensure the logo displays correctly on a white sticky header.

I have found that you have a logo for mobile only which looks suitable for sticky header.

I have used this CSS to Template Options -> Custom Code -> Custom CSS

#sp-header.header-sticky #sp-logo .logo .logo-image {
    content: url('/images/logo-green.png');
    filter: none !important;
}

Now the sticky logo looks fine. Please check your site.

Best regards

Yes, thank you for your quick fix

Best regards, Michiel

You are welcome 😊

If the answer resolved your query, you can mark it as accepted to close the post and guide others with similar questions. You’ll find a button to accept answers below each comment.

If you need further assistance, feel free to let us know!

I have a humble request too. It would be very kind of you if you can manage some moment to give us feedback on 

1. Joomla Extension Directory
2. TrustPilot

This will inspire us to improve.