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.