TABLE OF CONTENTS
Quick Guide
Notes:
- ⚠️ Check with Marketing before uploading to ensure the image is sized correctly.
- Only custom mobile banners may be uploaded.
- Your mobile banner will override any other pre-approved or custom banner on mobile devices only.
Add an individual page mobile banner
In the Digital Workspace, click Settings to view Your Pages.
Select the page you want to edit from the Menu Structure.
Scroll down to Theme Options and find the Mobile banner section.
If you are uploading the mobile banner on the home page, you may optionally select a banner height.
- In the Custom Banner section, click Choose File and upload your image.
Note: A custom banner overrides any pre-approved banner (except for a video banner).
Add a short Alternative Text description for accessibility/SEO (e.g., sunset over mountains).
Scroll down and click Save Changes to submit your banner for approval.
The banner will display on your draft site in My Website.
Add a site-wide mobile banner
In Digital Workspace, click Settings → Settings tab (top header).
Select the Theme Options tab.
In the Custom Banner section, click Choose File and upload your image.
Note: An individual mobile page banner overrides your site-wide mobile banner.
Add Alternative Text (e.g., sunset over mountains).
Scroll down and click Save Changes to submit your banner for approval.
The banner will display on your draft site in My Website.
Remove a mobile banner
Click Reset in the Mobile banner section.
The preview will return to default.
Click Save Changes.
The mobile banner will no longer display on your site.
Full Guide
Add an individual page mobile banner
1. From your Digital Workspace click on Settings. This will bring you to Your Pages.
2. In the Menu Structure, click the page you’d like to update.
3. Scroll down to the bottom of the page and find the Mobile banner section under Theme Options.
- Select Choose File.
Home page banner:
On the Home page only, you may select the banner height. This will change the required dimensions of the banner, depending on the selected size:
Half page: 425 px wide x 472 px high
Small: 425 px wide x 160 px high
Medium: 425 px wide x 223 px high
Note: Only one mobile banner image may be active on a page at a time, regardless of the selected height.
4. Select your sized mobile banner image from your file browser and click Open.
5. Add a brief Alternative Text description for accessibility and SEO (e.g., “Scenic sunset over the ocean”).
6. Scroll down and click Save this page to submit your banner for approval.
Add a site-wide mobile banner
1. From your Digital Workspace click on Settings. This will bring you to Your Pages.
2. In the top header, select the Settings tab (beside Your Pages and Themes).
3. From this page, click the Theme Options tab.
4. Scroll down until you find the Mobile banner section.
- Select Choose File.
5. Select your sized mobile banner image from your file browser and click Open.
6. Add a brief Alternative Text description for accessibility and SEO (e.g., “Scenic sunset over the ocean”).
7. Scroll to the bottom and click Save Changes to submit your changes for Compliance approval.
Remove a mobile banner
1. Click Reset in the Mobile banner section.
3. The preview will return to the default.
3. Scroll to the bottom and click Save Changes to submit your changes for Compliance approval.
4. The mobile banner will no longer display on your site.
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article