MENU

How Do I Change The Mobile Settings For My Website

Jul 1 2026 | By: PhotoBiz Knowledge Base

How to Customize Mobile View Settings on Your PhotoBiz Website

Overview

Your PhotoBiz website is fully mobile responsive, so your pages automatically adjust for desktop, tablet, and mobile screens. You can also customize how certain image-based areas display on mobile devices.

This guide walks you through how to update your global Mobile View settings in the Design area of your Website Builder. It also explains how individual block styling can be used when you want a specific block to display differently from the rest of your website.

By the end of this guide, you will know where to find your mobile layout settings and how to save changes that affect your website’s mobile display.

Prerequisites

Before you begin, make sure you can log in to your PhotoBiz account and access the Website Builder.

Need to Upload Custom Banners for Mobile?

If your banner image is cropping awkwardly on phones, you may need to upload a separate mobile image for that Banner Block.

Related article: Mobile Banner Settings

Global Mobile View Settings

Global Mobile View settings apply to your overall website design. These settings control the default mobile layout for supported image-based blocks across your website.

You can use global settings when you want a consistent mobile layout across your site. If you need one specific block to display differently, you can adjust that block’s individual styling settings instead.

STEP ONE

Log in to your PhotoBiz account and click WEBSITE in the left-side menu.

This opens your Website Builder, where you can manage your website pages, blocks, and design settings.

STEP TWO

Click DESIGN at the top of your Website Builder.

This opens the design area for your website, where you can update global style settings for your site.

STEP THREE

Click EDIT DESIGN SETTINGS.

This opens the design settings panel on the right side of your screen.

STEP FOUR

Click STYLING in the right-side menu.

Scroll to the bottom of the Styling section until you find the MOBILE VIEW options. These settings allow you to choose how supported image blocks display on mobile devices.

FINAL STEP

Choose the mobile layout you want to use for your website, then click SAVE CHANGES.

Your update will automatically apply to your website. There is no separate publish button. After saving, preview your website on mobile to confirm that your images display the way you want.

Helpful Note About Global Mobile View Settings

The layout you choose in your global Mobile View settings will apply across your website unless you customize the mobile styling for an individual block.

Individual block settings can override the global layout for that specific block.

Individual Block Mobile View Settings

Some blocks also include their own styling options. These settings allow you to adjust how a specific block displays without changing the global mobile settings for your full website.

This is helpful when one section of your website needs a different mobile layout than the rest of your site.

STEP ONE

Click WEBSITE in the left-side menu.

This opens your Website Builder so you can choose the page you want to update.

STEP TWO

Click the page that contains the block you want to edit.

This opens the page editor so you can view and manage the blocks on that page.

STEP THREE

Click the block you want to update.

You can also click the pencil icon in the upper-right corner of the block and choose ADVANCED from the menu that opens. This opens the settings panel for that specific block.

STEP FOUR

In the right-side menu, click STYLING.

In the MOBILE VIEW section, choose how you want this block to display on phones. Available mobile display options may vary depending on the block type you are editing.

FINAL STEP

Click SAVE CHANGES to apply your new mobile settings to this block.

Your changes will apply to this block only. Preview the page on mobile to confirm the block displays correctly.

Additional Options and Helpful Notes

Global Mobile View settings are best when you want a consistent mobile layout across your website.

Individual block mobile settings are best when one section needs a different mobile layout than the rest of your site. These settings override the global mobile settings for that specific block.

Mobile display options may vary by block type. Some blocks may include more mobile styling controls than others.

If your main issue is that a wide banner image is cropping poorly on phones, upload a separate mobile image for that Banner Block instead of only adjusting the Mobile View layout.

Troubleshooting & FAQs

My images still do not look right on mobile after changing the layout

Preview the page on mobile and check whether the image itself is causing the issue. Wide images may crop differently on vertical phone screens. For Banner Blocks, uploading a separate mobile image often gives you better control.

I do not see the same mobile options on every block

Mobile View settings can vary depending on the block type. If a block does not include the option you are looking for, check the global Mobile View settings or consider using a different block layout.

I saved my changes but do not see them right away

Refresh your website preview or open the page in a new browser tab. If you are viewing the live site, your browser may be showing a cached version of the page.

NEXT: BANNER BLOCK MOBILE SETTINGS GUIDE
Previous Post Next Post

Related Posts

How To Add A Search Bar And Cart To The Website

March 9, 2026

How To Add Custom CSS To The Website

September 4, 2025

How To Customize Website Graphics

January 27, 2026

Where Can I Add Social Media Icons?

March 9, 2026

CLOSE