Editing media queries and pseudo states

When editing in the Visual Editor, you can choose to edit specific media queries and/or pseudo-classes and pseudo-elements such as :hover, :before, etc.

Choosing a media query to edit in the Visual Editor

When selecting media queries, you can choose:

  • None (the default state of the element)

  • Auto (the last currently matched media query - updates itself automatically depending on your browser's window size)

  • Suggested (suggested breakpoints by CSS Pro) - mobile first and then desktop first

  • or custom (simply type on the input to create any media query you want)

Choosing a pseudo-class to edit in the Visual Editor

When selecting state or pseudo, it shows some options for the specific element, but you simply type on the input to edit any pseudo you want.

Last updated

Was this helpful?