Title: @media max-width problem
Last modified: June 5, 2020

---

# @media max-width problem

 *  Resolved [jonatan_jr](https://wordpress.org/support/users/jonatan_jr/)
 * (@jonatan_jr)
 * [6 years ago](https://wordpress.org/support/topic/media-max-width-problem/)
 * Hello,
    I’m making my simple theme and [@media](https://wordpress.org/support/users/media/)
   max-width and min-width doesn’t work. In css file I would like to use only [@media](https://wordpress.org/support/users/media/)(
   max-width 576px) but I don’t know why the browsers can’t see it. For example,
   if I change max to min (min-width 576px) then it works but for any resolution
   even below 576px (I don’t know why). I only have one [@media](https://wordpress.org/support/users/media/)
   in the css file. [@media](https://wordpress.org/support/users/media/) (max-width:
   576px){ .home_img img{ height: 136px; } .home_txt{ Font-size: 16px; line-height:
   24px; } } What could cause the problem?

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [kaushalsheth](https://wordpress.org/support/users/kaushalsheth/)
 * (@kaushalsheth)
 * [6 years ago](https://wordpress.org/support/topic/media-max-width-problem/#post-12943151)
 * I generally use
 *     ```
       @media all and (max-width:pixelsize){
       }
       ```
   
 * That said, your declaration should work as well. TO understand the issue properly,
   would require link of the page
    -  This reply was modified 6 years ago by [kaushalsheth](https://wordpress.org/support/users/kaushalsheth/).
 *  Thread Starter [jonatan_jr](https://wordpress.org/support/users/jonatan_jr/)
 * (@jonatan_jr)
 * [6 years ago](https://wordpress.org/support/topic/media-max-width-problem/#post-12943290)
 * Unfortunately, I have no possibility to insert a link 🙁
    I’ve never had such
   a problem before, [@media](https://wordpress.org/support/users/media/) used to
   work without a problem, but it doesn’t want to work on this site. To complete
   the information I’ll add that Theme I’m using I made it myself. Theme is very
   simple. Standard files -index.php, header.php, footer.php, sidebar.php, functions.
   php, custom.js, style.css. The only thing that doesn’t work is [@media](https://wordpress.org/support/users/media/)
   and I was wondering if I need to “activate” somehow [@media](https://wordpress.org/support/users/media/)
   etc.
 *  [kaushalsheth](https://wordpress.org/support/users/kaushalsheth/)
 * (@kaushalsheth)
 * [6 years ago](https://wordpress.org/support/topic/media-max-width-problem/#post-12943373)
 * Did you add this meta tag to your header.php file?
 * `<meta content="width=device-width, initial-scale=1" name="viewport" />`
 *  Thread Starter [jonatan_jr](https://wordpress.org/support/users/jonatan_jr/)
 * (@jonatan_jr)
 * [6 years ago](https://wordpress.org/support/topic/media-max-width-problem/#post-12943710)
 * [@kaushalsheth](https://wordpress.org/support/users/kaushalsheth/) Thanks a lot,
   the meta tag was placed but with a mistake
    such was <meta content=”width=device-
   widht, initial-scale=1″ name=”viewport” /> it all works now
 * Thank you very much once again 🙂
    -  This reply was modified 6 years ago by [jonatan_jr](https://wordpress.org/support/users/jonatan_jr/).

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘@media max-width problem’ is closed to new replies.

## Tags

 * [max-width](https://wordpress.org/support/topic-tag/max-width/)
 * [media](https://wordpress.org/support/topic-tag/media/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 4 replies
 * 2 participants
 * Last reply from: [jonatan_jr](https://wordpress.org/support/users/jonatan_jr/)
 * Last activity: [6 years ago](https://wordpress.org/support/topic/media-max-width-problem/#post-12943710)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics