- This topic has 3 replies, 2 voices, and was last updated 1 week, 2 days ago by
.
<p data-start=”1250″ data-end=”1258″>Hello,</p>
<p data-start=”1260″ data-end=”1504″>I’m experiencing an issue with the mobile header logo. In the Customizer I have set the mobile logo to APOTHEMAN-LOGO.svg (dark), but on the live site it does not appear.</p>
<p data-start=”1506″ data-end=”1702″>All my logo versions are SVG files. Could you confirm if there are any known issues with SVG logos in the mobile header, or if I need to use a different file type (PNG) for proper compatibility?</p>
<p data-start=”1704″ data-end=”1716″>Thank you!</p>Hello,
I’m experiencing an issue with the mobile header logo. In the Customizer I have set the mobile logo to APOTHEMAN-LOGO.svg (dark), but on the live site it does not appear. my logo versions are SVG files. Could you confirm if there are any known issues with SVG logos in the mobile header, or if I need to use a different file type (PNG) for proper compatibility?Thank you!
Good day, just reaching out to see if there’s any eta on when this issue can be addressed. its been 10 days now and i was just curious.
thanks in advance,
Randallrbaker
Hello,
Sorry for the late reply, and thank you for your patience.
After some debugging, it looks like the issue is caused by your custom CSS – specifically the rule height: auto !important, which affects how the SVG logo displays. When we disabled that rule, the logo seems to appeared correctly.
To adjust the logo size properly, you can use the Logo Sizes settings under Theme Settings > Header. There you’ll find options for default, sticky, and responsive logo sizes.
Let us know if that helps! 🙂
Best regards,
Shufflehound Team
