How to test the responsiveness of your boxes for various devices and viewports

If you want to test the behavior of your boxes for various viewports and devices then all you need is Google Chrome. Let's see how.

How to test various viewports

  • Open Google Chrome and navigate to the page in which you want to test your box
  • Hit the F12 key on your keyboard
  • Click the icon as shown in the screenshot above

How to test responsiveness

As shown in the screenshot above you can test the responsiveness of your box for various devices or even your own custom resolution and device orientation.

If you are interested for more details on how to use this tool we encourage you to take a look on the Google Developer's Blog

Note

This tool can only emulate the devices it offers and therefore the results should not be considered as a 100% replication of an actual device's results. If you want to be sure about the behavior of your boxes for various devices then there's no other way than testing on those specific devices.

Get Engage Box for Joomla! for just 29€ Get it now!
Don't miss a thing!
Stay up-to-dated with my latest blog articles
Receive updates for my Joomla Extensions
No Spam! It's a promise.
BLACK FRIDAY SALE 30% off any Tassos.gr extension. Coupon code BLACKMONDAY17