CSS Media Query Generator

CSS Media Query Generator

A custom code editor for WordPress that allows you to easily generate media queries based on web standard media queries.

CSS Media Query Generator

Pre-set Queries

You will see a drop down called ‘Select Standard Device’. This contains a number of frequently used media queries for mobiles, iPhones, tablets, desktops etc.

If you click on one of these dropdown options you will be taken to a new screen where you can enter your custom css for that particular media query.

Query Generator

You will be presented with the generator options:

Use the drop down to configure the operator and change the values as required.

You can then quickly add your custom code, which will be reflected on your live site.

Date: July 18, 2015