0

How to remove something in page in a certain width, for example, I have an image it ruined my site when you open the site in a phone so I want to remove it in phone size and thanks for reading:

enter image description here

Hooman Bahreini
  • 14,480
  • 11
  • 70
  • 137
nidhaldev big
  • 25
  • 3
  • look into media queries – sinanspd Dec 20 '19 at 20:58
  • 1
    Does this answer your question? [Hide div element when screen size is smaller than a specific size](https://stackoverflow.com/questions/13476267/hide-div-element-when-screen-size-is-smaller-than-a-specific-size) – Heretic Monkey Dec 20 '19 at 21:04
  • [this answer](https://stackoverflow.com/questions/49419074/how-can-i-change-the-height-of-an-iframe-for-different-screen-sizes/49419333#49419333) might help, you can create different `@media` rules for different screen sizes. – Hooman Bahreini Dec 20 '19 at 21:08

1 Answers1

3

Try the @media rule in conjunction with max-width!

Your CSS might look like this:

@media (max-width:575px) {
    .remove-me {
        display: none;
    }
}
Lagombi
  • 46
  • 4