1. Building a Mobile Website
Different ways of making your
Website Mobile
2. Building a mobile website
• Responsive website example
• Device Detection website examples
• How to choose a good responsive template
• How to make basic modifications with
mobilejoomla
3. Responsive Templates
• This is based on your screen size…
• the websites tries to be ‘intelligent’ and change depending on your
actual screen size…
Regular Screen
Screen made smaller manually
4. Using Device Detection
• Based on the device that opens the site, the
entire template will change.
Regular Screen
Site on Mobile Device
Using a different template
5. Advantage with Device Detection
• Based on device can change the template
view
• Can determine which modules SHOULD or
SHOULD NOT appear on specific devices
• Can switch which menus appear, even on an
Ipad (hover does not work well)
• Can show preview of device to change styles
6. Versions of Mobile Joomla
Free Basic Mobile-pro
$0 $29 $100
Has Advertisements No advertisements No advertisements
Can not preview No preview mode Preview Mode – LOVE
No option for tablet
changes, etc
Support is PER License,
but can install on multiple
sites, just can’t get
support (and will say
invalid on backend)
8. Advanced module options
• Can select exactly which modules appear or
not appear depending on your device
9. Time for mobile joomla
• Mobile joomla installation could take an
additional 5-10 hours based on template
styling
• Currently the styling has to be done by
‘inspect element’, css and image changes
• In the future they may make this easier to do
• Sometimes new menus need to be created to
simplify the site (syossetlibrary.org) we use a
different menu for mobile vs. the entire site