How to add responsive screen by setting width and height in px?

Question

Zaid Rabab'a · Answer

Use Media Queries

Sth like

@media (max-width:600px) { .facet_sidebar { display: none; } }

Fadi Alkhateeb · Answer

You do that by Using CSS Media Queries, you create all breakpoints that you need in pixels to make your changes.

Check this article it will help you to how to use it:

If you need a refrence for Responsive design device resolution, check this out:

And check this tool, it helps you to test your websites in many viewports (it also gives you exact viewport for common devices) :