Tagged: logo
Hi!
I updated from v3.01 to v3.04 and I noticed that the logo keeps resizing, even when it’s not supposed to do that (screen width of 767px and lower).I’ve included a link, so you can hopefully see it for yourself. When you scroll down on smaller views, you should see that the logo shrinks.
Additional info:
– I’m using Firefox on a Windows Vista machine.
– Logo-related custom CSS has been disabled for debugging purposes.
– Using child theme.
– avia.js code is untouched (the resizing code seems to be in that file).
Does anyone know what might be causing this issue? To me it seems as if the resize JS isn’t disabled for smaller screens.
Thanks you,
Ralph
Hi Ralph12!
Thank you for using Enfold.
I’m sorry but I don’t think I can see the issue. If possible, please provide a screenshot. If you’re referring to the header resize when you scroll down, you can disable that behavior on Enfold > Header > Header behavior. Disable the Shrinking Header.
Best regards,
Ismael
Hi,
Does someone know what might be causing the logo to “scroll shrink” even on 767px and lower? Seems like a JS issue… the shrink function is never disabled for some reason.
Best,
Ralph
Hi!
Please add following code to Quick CSS
@media only screen and (max-width: 768px) {
.logo, .logo a, .logo img { max-height: 88px!important; }}
Best regards,
Yigit
Thank you, Yigit! Your CSS snippet fixed it!
Best regards,
Ralph