Each themelet has its own unique iPhone layout, which users will automatically see when browsing your site on an iPhone. If you want to customize it further than this tutorial shows, you can do so by adjusting the iphone.css located in the themelets css folder.

You turn iPhone compatibility on/off from within Configurator, where you also set which header and webclip images to be used. Go to the tab Customize > iPhone Compatibility.

Your iPhone graphics (header/webclip) are located in the "/morph_assets/iphone" folder of your Joomla site root and is accessible from within Configurator's tab Your Assets > iPhone. (More info: How to work with your site's assets.)

The webclip icon is used when someone saves your site to their iPhone home screen and is also displayed at the top of the layout, next to your sites name.

Available module positions

The iPhone optimized version of Morph has its own module positions. This allows you to display different content to users browsing your site on their iPhone.

The diagram below shows the available positions, which are iphonenav, iphone1, iphone2, iphone3 and iphone4.

The iphonenav position is used to display the iPhone specific menu, which means that you can display only the links that are relevant to someone browsing your site on a mobile device.

The iphone1 and iphone4 positions are positioned outside the main content block and they work similarly to the outer shelves in Morph.

You will also notice that the default Joomla contact form has been optimized for the iPhone, making it easy for the person browsing your site to get in touch.