Archived topic
Header Logo Shrinks and Changes
5 replies · Started by Eric on February 7, 2021
Hi,
I just switch to have my logo use .svg as a file. I added the plugin Safe SVG and uploaded my SVG logo.
The default logo looks very slick now but when I scroll on Safari it shrinks to 50% width and then becomes normal but it also appears to use an image after instead of the vector fonts.
I cleared all caches as well.
Any ideas as to the odd behavior?
Thanks.
Hi,
The 2 states of the navigation bar doesn't seem to be using the same logo. The other one uses SVG while the sticky logo uses a PNG version.
Make sure you use the exact same file for both the logo in Appearance > Customize > Site identity and Appearance > Customize > Layout > Sticky Navigation.
Thank you. That fixed the blurry issue as you pointed out it was mixing the 2 images.
The scaling to 50% is still happening. I think I saw it starting to happen when I did the last GeneratePress update.
Any thoughts?
Thanks.
I don't see the scaling on my end as shown here: https://share.getcloudapp.com/geu4Wq9r
Can you try viewing the site in incognito mode or try clearing browser cache and check it again?
Let us know.
It doesn't happen in Chrome, it happens with Safari after the first page load and scroll down. After that it fixes itself and it's fine.
I switched to Safari as it's better for privacy / security over Chrome now.
Can you try adding this CSS and see how it goes?
.navigation-branding img{
height:auto;
width:190px
}