Laptop Media query

[yingfuli]

Hi,

I have noticed lately that the default screen sizes that you can set under ‘customize’ for laptop doesn’t work as it should. All to often it turns out that laptop users get the ‘desktop’ view instead of the ‘laptop’ view. I reckon that the 980 x 1199px window doesn’t cover proper laptops like MacBook (pro). So building a site that looks good on different screen sizes becomes increasingly more difficult. Is there some way to set the screen resolution of the ‘laptop’ view higher?

[nabeel]

Hey there,

Thanks for writing around! You can set custom breakpoints if you need to for example, give your section a class custom-visibility-section and apply the custom breakpoints on that section like this:

@media screen and (max-width: 1350px) and (min-width: 980px) {
    .custom-visibility-section {
        display: none !important;
    }
}

Similarly you can create multiple breakpoints and use the class in that section.

Hope this helps!