Hi there,
I’ve noticed that the font in my main header and sticky header looks slightly different — even though when I check in the browser developer tools, both have the same font-family, weight, and size settings.
Here are screenshots for reference:
1️⃣ Full header section
2️⃣ Sticky header version
3️⃣ Search icon section
Both should use the same typography, but the sticky header’s font appears thinner or slightly different in rendering.
I’ve already inspected all font-related CSS properties (font-family, font-weight, letter-spacing, etc.), and they match exactly between both elements.
Could you please help me figure out what might be causing this difference in appearance?
Maybe some CSS inheritance or transform affecting font rendering in the sticky header?
Thank you so much for your help!
Best,
Attachments:
You must be
logged in to view attached files.
.
