In the past few years, we have seen a dramatic increase in the use of mobile devices to access the internet. Many people use smartphones and tablets to view websites without using desktop computers or laptops. So, designing sites for mobile devices has become a key factor in making a site easily accessible for any device.

There are two main ways to make a site mobile friendly:

• Responsive design: In this technique, the site design is modified by changing its elements, styles, and size for different device sizes. We can build a design for desktop screen sizes and shrink the design for smaller devices or design for mobile sites and expand it for desktop sizes. Building for mobile and expanding it for desktop is the recommended way as we only focus on essential features in a mobile-first design.
• Mobile theme: In this technique, different themes will be used for desktop and mobile sites. Instead of adjusting the design for mobile, we build a completely new design for mobile screens.

Most modern WordPress themes have responsive designs built in. These theme designs work well for mobile devices without any modifications. Therefore, we are going to focus on mobile themes for this recipe.

In this recipe, we are going to create a mobile-friendly site by using a plugin to activate a different theme for mobile-based devices and configuring the settings.