Title: Breakpoints
Last modified: October 15, 2021

---

# Breakpoints

 *  [jazzu](https://wordpress.org/support/users/jazzu/)
 * (@jazzu)
 * [4 years, 7 months ago](https://wordpress.org/support/topic/breakpoints-3/)
 * Hi!
 * I’m trying to use breakpoints to make some adjustments for different devices 
   and displays. I’m currently having an issue of certain functions not working 
   and I don’t know why. For example, I want to change the position of the sidebar
   on laptops, however margin-right and weight do nothing. It worked for the primary
   content area, but the sidebar refuses to change for laptops, except if I change
   the values in breakpoint made for PC screens.
 * Code:
 *     ```
       /* LAPTOP */
   
       @media only screen and (min-width: 992px) {
           .sidebar-main {
               margin-right: 5%; 
       	float: right;
           }
           .sidebar-content-area {
       	    box-sizing: border-box;
       	    margin: 0px -90px 0px 0px
           }
       }
   
       /* PC */
   
       @media only screen and (min-width: 1200px) {
           .sidebar-main {
               position: relative;
       	    float: right;
       	    margin-right: -65%;
       	    width: -webkit-fill-available;
       	    width: -moz-available;
           }
           .sidebar-content-area {
       	    width: 16%;
       	    box-sizing: border-box;
       	    margin: 0px -190px 0px 0px
           }
       }
       ```
   
 * Thank you for your help!
    -  This topic was modified 4 years, 7 months ago by [Jan Dembowski](https://wordpress.org/support/users/jdembowski/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fbreakpoints-3%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [George Appiah](https://wordpress.org/support/users/gappiah/)
 * (@gappiah)
 * [4 years, 7 months ago](https://wordpress.org/support/topic/breakpoints-3/#post-14972837)
 * Without looking at your specific styles…
 * **My junky old laptop’s screen resolution is 1536×864,** and I’m sure yours will
   be about the same or perhaps even much higher. You’re not going to find that 
   many laptops in the wild with the 992-1199px screen width that you’re targetting.
 * [https://whatsmyscreenresolution.com/](https://whatsmyscreenresolution.com/)
 * Also, some laptops can have a higher resolution than some desktops, and vice 
   versa. Unlike phones and tablets, there’s really no defining difference between
   laptop and desktop screen resolutions, and there’s no (good) reason to try and
   distinguish the two.
 * Of course, I’m not saying you shouldn’t use this media breakpoint: you know your
   audience better than I do. But if you’re testing this on a laptop thinking this
   is the common resolution of laptops, then that would explain why the code is 
   not working for your “laptops”.
 *  Thread Starter [jazzu](https://wordpress.org/support/users/jazzu/)
 * (@jazzu)
 * [4 years, 7 months ago](https://wordpress.org/support/topic/breakpoints-3/#post-14972893)
 * Hi, [@gappiah](https://wordpress.org/support/users/gappiah/) !
 * Thank you for your feedback, I’ll try to change minimum and maximum width.
 * The reason I’m trying to distinguish the two is because the sidebar on the page
   doesn’t show up correctly. I’ll add two screenshots so you can see exactly the
   problem that I’m having.
 * PC Screenshot (How I want it to look):
    [PC Screenshot](https://ibb.co/3N8jBTX)
 * Laptop Screenshot:
    [Laptop Screenshot](https://ibb.co/6FhQ1bN)
 * Thank you for your time!

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

The topic ‘Breakpoints’ is closed to new replies.

## Tags

 * [breakpoints](https://wordpress.org/support/topic-tag/breakpoints/)
 * [margin](https://wordpress.org/support/topic-tag/margin/)
 * [weight](https://wordpress.org/support/topic-tag/weight/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2 replies
 * 2 participants
 * Last reply from: [jazzu](https://wordpress.org/support/users/jazzu/)
 * Last activity: [4 years, 7 months ago](https://wordpress.org/support/topic/breakpoints-3/#post-14972893)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics