One of the most requested features for Website Builder was a better experience on mobile devices. That’s why we are delighted to let you know that the latest release of Website Builder comes with an optimized view on mobile and the first version of the Mobile view editor.
Website Builder now has a much better understanding of how to order your site in mobile view. It will automatically group components that belong together and add white spaces to make this more obvious. You need to republish your site to enjoy the latest mobile view optimizations.
Rearrange how your site looks on mobile
We have also added a Mobile view editor that allows you to rearrange the order of components in mobile view. If the automatic optimization hasn’t structured your website exactly as you want it, you can now adjust this manually. You can also add more white space, by placing a box component around one or more components.
The changes you make in the Mobile view editor, don’t affect how your site looks on a desktop.
The Mobile view editor is still in Bèta, meaning it’s not yet complete. We will keep improving it and will also add more features. For more information on how to use it, check our guide: How do I optimize my Website Builder site for mobile?
Hide components or lock them to the bottom
Components that are set to be hidden in mobile view, won’t be visible in the Mobile view editor. Template components that are stuck to the bottom of the page can be recognized by a blue padlock and you won’t be able to move them. If you want to change these settings, you can to do this from the desktop editor.
Keep in mind that mobile view needs to be active to use the optimizing features. If mobile view is deactivated, your visitors will always see the desktop version, regardless of the device they are using. We recommend that you keep it enabled because it improves your SEO ranking, and it is more user-friendly for visitors accessing your site on a mobile device.