Home/ Questions/Q 325
Next
Answered

WP Ask Latest Questions

margoo
  • 5
  • 5
Asked: 2020-08-25T05:44:15+08:00 In:

How can I make CSS to take effect on mobile phones?

  • 5
  • 5

Newbie here. I am curious how to target with CSS code a specific mobile phone with maximum screen width of like maybe 768px – meaning I want the CSS code to take effect only if the screen is 768 or below. I hope that make sense. Thank you in advance.

cssmobile

Leave an answer

You must login to add an answer.

Need An Account,

3 Answers

  1. aldinlapinig
    Best Answer

    For your case, you can use the following code directly.

    @media only screen and (max-width: 768px) {
       css code here…
    }

    Good luck!

  2. [Deleted User]

    You can make use of @media rule of CSS like below.

    /* Set the background color of body to tan */
    body {
    background-color: tan;
    }

    /* On screens that are 992px or less, set the background color to blue */
    @media screen and (max-width: 992px) {
    body {
    background-color: blue;
    }
    }

    /* On screens that are 600px or less, set the background color to olive */
    @media screen and (max-width: 600px) {
    body {
    background-color: olive;
    }
    }