Plone logo not appearing on mobile devices such as iPod

Question

I'm adding responsive styles for our website built in Plone 4 CMS and testing on an old iPod 2 device. When viewing on this device, the logo.png does not display. Plone.org top left logo has similar problem and does not appear on this device. Other Plone websites tested have logos appearing.

I've changed the logo to a different format, i.e. logo.gif, and logo.jpg in the 'base_properties.props' file with no improved results. I was careful to ensure spelling of logo files was accurate.

Many Thanks

Answer 1

It's explicitly removed in the mobile.css file:

https://github.com/plone/plonetheme.sunburst/blob/master/plonetheme/sunburst/skins/sunburst_styles/mobile.css#L11

#portal-logo { display: none; }

Answer 2

I believe you just have to add the icon to a link object in the element.

Take a look at http://www.falsepositives.com/index.php/2011/01/31/adding-favicons-for-moble-safari-web-sites-ipodiphoneipad/

This could be done by customizing the main_template or by customizing/adding a viewlet that is in the head.