Device View Changer

Checkout Champ gives you all the necessary tools you need to optimize your pages so that they are responsive and beautiful on any device. While many responsive features are automatically applied to your page, you can customize your layout as needed. Using the Device View Changer, you can view and edit your page layout using 5 preset screen sizes reflecting commonly used devices:

(Desktop, Laptop/Large Tablet, Tablet, Large Mobile and Mobile)

By selecting the different device views in the editor, you can see how your page will look on the 5 different screen sizes. You can also modify your page design to reflect styling specific to the different device layouts. As you edit, the styling changes cascade downward.

Any styling edits made on the desktop view will cascade down across all screen sizes. However, you can use the Device View Changer to edit the smaller screen sizes independently. This allows you to change the styling for tablet and mobile screens or even hide elements you don’t want visible on the smaller screen sizes.