The Zibster Website Package is mobile responsive, ensuring your website content and branding remain consistent across all devices. This guide will walk you through two ways to customize the mobile view of your website images: global settings and individual block settings.
You can also upload mobile banners for your banner blocks. Find the guide for mobile banners at the button below:
EDITING THE GLOBAL MOBILE VIEW SETTINGS
STEP ONE
Log into your Zibster account and click on Website in the left-side menu.
STEP TWO
Click on DESIGN at the top-center of your Website control panel.
STEP THREE
Click on the Edit Design Settings button to access your website's global design settings.
STEP FOUR
Click on the Styling option in the right-side menu.
The Styling option will give you the global settings for the spacing and mobile layouts for your website. You'll find the Mobile View options at the bottom of this section. Choose your preferred global settings and click on Save Changes to apply this layout to your website.
You can choose between a 1-column or 2-column layout for your images on mobile.
PRO TIP!
The next section will walk you through changing individual blocks in your website, which will override your global settings here.
EDITING YOUR INDIVIDUAL MOBILE VIEW BLOCK SETTINGS
STEP ONE
Log into your Zibster account and click on WEBSITE in the left-side menu.
STEP TWO
Click on the page name and then the block you wish to edit, you can click directly on the block or the pencil icon and choose ADVANCED in the menu that opens.
FINAL STEP
Every page in your Zibster builder that contains blocks allows you to customize the styling settings. You can find them in the Advanced section under Styling. The Mobile View option controls how the content of that block appears for visitors on their phone. Once you've adjusted your settings, click on Save Changes to apply the update to your block.