Archived topic
SVG logo disappears
3 replies · Started by Steven on August 29, 2019
I'm having an issue with my SVG logo showing on mobile. It flashes on the screen and then disappears:
I made sure the primary nav line height was taller than the logo. Sometimes it will actually show.
I removed all of my custom CSS and purge all caches to see if that would allow the logo to show. It didn't seem to have any affect.
I have the same logo SVG at the bottom of the home page and it appears to be loading reliably.
Hi there,
looks like the lazy loading you're using is not triggering so the SVG opacity is remaining at 0.
Thanks for the quick reply David. We're using Smush so I turned off lazy load for SVGs. That seems to have fixed the issue. When I reached out to Smush support to troubleshoot the issue, they helped me figure out the root cause. I misunderstood how to configure Generate Press theme options. I had inadvertently left one sticky header option off and hadn't defined the mobile logo file. At one point I think I saw an option to use the header as the sticky header - or something like that. My assumption was it would "inherit" the header logo for mobile too. In any case, the logo's displaying correctly now with lazy loading enabled in Smush too.
Glad to hear you got it resolved.
