Summary

In this chapter we learned some methods for delivering different content to different devices, and identified when we might or might not want to do this. It's important not to block areas of the site from mobile users, and make sure they can access all of the important content. We learned how to use CSS to hide some elements from mobile visitors (and the downsides of doing this, particularly for large files such as images) and how to use PHP conditional tags with the mobble plugin to send different content to different devices. We saw when we might want to change the navigation for mobile devices, and what mobile and desktop users' priorities might be. We learned how to set up alternative mobile menus and use conditional tags to display them on mobile devices, and how to style those menus to fit on small screens. We also saw a way of replacing our navigation menu with a select box for enhanced user experience and to display large or multilevel menus.

If there's one lesson we take...