By Using CSS Media Queries
Responsive web design uses CSS3 media queries. MediaQuery is a CSS3 module that allows content rendering to adapt to conditions such as screen resolution, width and height, orientation.
- Go to Appearance > Customize > Additional CSS.
- Add CSS for different screen sizes
@media only screen and (max-width: 480px) {
/* Your mobile-specific CSS here */
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* Your tablet-specific CSS here */
}
How To Make Your WordPress Site Mobile Friendly?
Over half of Google searches have come from mobile and hand-held devices. For a maximum number of advertisers, most of the traffic comes from mobile users. So to enhance the experience of the audience to your WordPress site and attract more audience to boost the engagement you need to make the design mobile-friendly. Here is how to make your WordPress site mobile-friendly. In this article, I will cover several ways to make your WordPress website mobile-friendly.
These are the following approaches:
Table of Content
- By Choosing a mobile-friendly Responsive Theme
- By Using CSS Media Queries
- By Implementing Dynamic Serving
- By Creating Separate URLs for Desktop and Mobile Devices
Contact Us