Use media queries for responsive content

Magento Commerce only

The content on this page is for Magento Commerce only. Learn more

[Add link to example branch in repo]

[Insert diagram]

[Walk through the steps for creating theme CSS that matches viewport and style naming conventions to create responsive text for Page Builder’s Text and Heading content types.]

Step 1: Define your viewport

Step 2: Add viewport CSS selectors for Admin theme

Step 3: Add matching media queries for frontend themes