Try our new AI assistant by clicking the chat icon in the lower right corner.


PageBuilder - Mobile, Tablet, Desktop Preview

PageBuilder provides you with an easy way to see how your webpage will look on screens of varying sizes, including mobile devices, tablets and desktops.

This functionality is particularly important for marketing efforts, to make sure things like a new Hero banner, for example, looks good on the different devices people use to browse the store.

In the upper right corner you will see a Screen drop down box, and three icons next to it, one for a mobile device, one for a tablet and one for a desktop computer screen.

Alt text here

On this Page

Mobile

If you click the first icon next to the Screen drop down, your webpage shrinks to mimic the dimensions of a mobile device, like a phone. This allows you to make changes to the page and view them as a customer would see the page on their mobile device.

Alt text here

Tablet

The tablet icon, like the mobile icon, shrinks the webpage to mimic the way it would display on a tablet.

Alt text here

Desktop

Clicking the desktop returns the webpage to the default view, which is based on the screen resolution Miva detects you are using.

Alt text here

Screen Dropdown

Clicking the screen dropdown opens a list of screen sizes you can use to view your webpage on various sized screens.

Alt text here

There is also an option to add a new screen size by clicking Add New and entering the screen size, in pixels, in the box that opens.

Alt text here

Looking for Developer Docs?

We have a whole section for that, including: Developer Training Series, Template Language docs, Module Development tutorials and much, much more.

Head to the Developer Section

This website uses cookies to identify visitors, track visitors to our website, store login session information and to remember your user preferences. By continuing to use this site you agree to our use of cookies. Learn More.

This website uses cookies. By continuing to use this site you agree to our use of cookies. Learn More.

Accept

Copyright © 1997 – 2021 Miva©, Miva Merchant©, MivaPay©, MivaCon© Miva, Inc. All Rights Reserved.