Chapter 7. Optimizing Themes for Mobile Devices

When designing a theme, we must bear in mind that the theme is not only used in desktops/laptops, but also in mobile devices. As regards mobile devices, nowadays we have to consider many of them. It is impossible to test the theme on every mobile device, but it is necessary to do so when we change the look and feel of Moodle on-premises or MoodleCloud. Furthermore, we also need to check the network connectivity, that is to say the time of response and the latency

In order to test how the new theme is displayed and how throttling works in a mobile device, we can use Chrome DevTool's Device Mode, which simulates a wide range of devices and their capabilities. We can emulate sites across different screen sizes as well as resolutions. We can also emulate orientation.

In this chapter, we will focus on mobile devices and how themes look in them. We will customize different mobile devices because we can find it relevant when theming in our Moodle courses...