Please note: This site will be closing down soon!
For now, only use the themelets setup guides here.
All other documentation has moved to getmorph.org.

How to configure the iPhone version of your site

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.

configurator iphone customization tab

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.

iphone version of explorer

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.

iphone positions map

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.

Do you think this help article can be improved?

Our goal is to make Morph's documentation as easy and simple to use as possible and if you feel there is anything we can do to improve, whether updates / refinements to the content or how everything is structured, please let us know! We really do value all of the feedback we get and will do everything possible to ensure that the documentation is relevant and useful to you getting up and running with Morph!

Back to Top