Chapter 5. Working with Text and Navigation
Our site is now looking much better on mobile devices, and can truly be described as responsive. Pat yourself on the back, you've built your first responsive WordPress theme!
The next stage is to make some improvements to the user experience (UX). It's great having a site with a responsive layout, but we also need to factor in the fact that mobile users may need to interact differently with the site.
In this chapter, we will focus on making it easier to read our site's content and to move around the site using the navigation menu. Specifically, we will learn:
How to make sure that text is legible on different screen sizes
Why using ems for text sizing is a good idea
How to specify different fonts for different screen sizes
How to ensure navigation is styled so that links are easy to tap on touch screens
How to amend navigation on different devices to improve the user experience
We'll look at a quick way to make the text more legible on smaller screens...
