Hello,

Thanks for reaching out to us.

I added a small css to fixed your issues. I hope now logo is ok.

Here is the css:

@media (min-width: 480px) and (max-width: 991px){
img.sp-retina-logo.hidden-xs {
    height: 50px;
    object-fit: fill;
}
}

Please, check and let me know?

Thanks

Hi Ziaul, thank you for your help. This has fixed the issue on the mobile phone and Tablet although the desktop stills shows a double logo when you start to scroll.

Also, there is now a colour difference at the bottom sections where a dark black colour changes to a lighter black, and a darker blue turns to a lighter blue. We had fixed this before using CSS to show the same lighter colour full width, but it keeps reverting to the different colours again. See attached image for reference.

Thanks CT

I’ve thoroughly checked, but I didn’t find any issue with duplicate logos. I can see that only one logo is visible, and the other has display: none applied.

Regarding the color issues, could you please try applying your previous solution again? I haven’t made any changes related to that.

Thanks,

Hi Ziaul I see your screenshot looks correct so I'm not sure why I'm not seeing the same result. I have tried in 3 different browsers and I have a double logo on all 3 (Chrome,Edge,Firefox). The only difference is I'm using Windows and not Mac but that shouldn't make a difference.

I have another CSS guru I can hire in, I'll see if he can fix this.

Thanks Colin