Creating Media Queries

A tablet and mobile media query are already provided for you. If necessary, you can add more media queries to your stylesheet.

How to Create a Media Query

  1. Open a stylesheet.

  2. In the local toolbar of the Stylesheet Editor, click and select Add Medium.

    The New Medium/Media Query dialog opens.

  3. Select Media Query. Extra fields are shown in the dialog.

  4. You can enter your media query directly in the text field (as long as you use valid media query syntax). Alternatively, you can use the fields below it to choose criteria for the media query; the text field is populated accordingly.

    For more information about creating custom media queries and the options available in the New Medium dialog, see:

    Copy 
    http://www.w3.org/TR/css3-mediaqueries/

    Note Some fields in this dialog will change depending on the options you choose in other fields.

  5. Click OK.
  6. Click Save the active file. to save your work.

Note You can rename custom mediums and modify media queries without having to use the Internal Text Editor. However, you cannot rename factory mediums and media queries. See Renaming Mediums and Modifying Media Queries.

Note You can create and save a new custom media query from a cursor position on the layout resizer slider bar. See Layout Resizer.