Device
Ensure your web pages look great on all devices including desktop, mobile, and tablets. Easily toggle between devices to customize blocks and take advantage of our hover control for an alternative page editing experience.
- Desktop
- Table
- Mobile
To toggle between devices, click on the Block Styles icon in the upper-right corner of the page.
![Block Styles icon selection on WordPress page.](https://blockstyles.com/wp-content/uploads/2022/04/Screen-Shot-2022-04-05-at-3.40.46-PM.png)
The top of the toolbar allows you to toggle between desktop, tablet, and mobile.
![Block Styles desktop view.](https://blockstyles.com/wp-content/uploads/2022/04/Screen-Shot-2022-04-05-at-3.45.45-PM-1024x297.png)
![Block Styles for WordPress tablet view.](https://blockstyles.com/wp-content/uploads/2022/04/Screen-Shot-2022-04-05-at-3.46.21-PM-1024x380.png)
![Block Styles for Gutenberg mobile view.](https://blockstyles.com/wp-content/uploads/2022/04/Screen-Shot-2022-04-05-at-3.46.54-PM-1024x594.png)
State-Specific Controls
- Hover
To select the hover control, click the arrow icon on the device toggle.
![Block Styles hover setting view.](https://blockstyles.com/wp-content/uploads/2022/04/Screen-Shot-2022-04-05-at-3.51.40-PM-1024x272.png)
Custom Media Queries*
Pseudo Elements (Before & After)*
*Coming to a future release.
If you experience any issues, feel free to reach us at our support page.
Leave a Reply