Custom iPad and iPhone Logos

The iPad and iPhone version of your site can have their own logos. Here’s how you do it:

Note: Tablets and mobile devices come with low res and HD screens (apple calls this Retina) so strictly speaking you could have 2 logos for each device. We’ve simplified the process by taking your HD (Retina) logo and downsizing it for low rez screens.

1. Create a logo for the iphone (mobile) but make it HD (retina) size by changing the dpi to 144. The width should be 320 points or less. When you name the image use @2x.png (mylogo@2x.png).

2. Create a logo for the ipad (tablet) but make it HD (retina) size by changing the dpi to 144. Your menu width for the ipad comes from the menu width you set in Website Design >>Menu>>Background Width. When you name the image use @2x.png (mylogo@2x.png).

3. In the admin for your site open the Layout panel and go to the Logo tab. Scroll down until you see Tablet and Mobile Logo File boxes. Press the +ADD button to add your respective logos.