• Overview

    You can change your mobile site background image, remove it or choose a color-only background instead. Your mobile background is different from your desktop background and changing it here will not change your desktop background.

  • Adding a Mobile Background Image

    To add a mobile background image:

    1. From the left side of the Mobile Editor, click the paintbrush icon to open Mobile Design.
    2. From Mobile Design, click Mobile Background.

    3. From Mobile Background, click Add Image.
    4. Click an image or upload your own. Click Change Background.

    A background image is added to your mobile site.

    You can upload any size image. However, the original size of your image will affect how the image is displayed if you use the Normal or Tile image scaling options (see the table in the section below). In addition, for optimized image quality, if you use the Full Screen image scaling option, we recommend that your uploaded image is as large as it can be.

  • Changing Your Mobile Background Image

    To change your mobile background image:

    1. From the left side of the Mobile Editor, click the paintbrush icon to open Mobile Design.
    2. From Mobile Design, click Mobile Background.
    3. From Mobile Background, click Change Image.

    4. Click an image or upload your own. Click Change Background.

    Your mobile background image changes.

    You can upload any size image. However, the original size of your image will affect how the image is displayed if you use the Normal or Tile image scaling options (see the table in the section below). In addition, for optimized image quality, if you use the Full Screen image scaling option, we recommend that your uploaded image is as large as it can be.

  • Customizing Your Mobile Background

    You can customize your mobile site background by changing the image, image scaling, position and color of your background.

    To customize your mobile background:

    1. From the left side of the Mobile Editor, click the paintbrush icon to open Mobile Design.
    2. From Mobile Design, click Mobile Background.
    3. From Mobile Background, click Change Image and click an image or upload your own. Click Change Background.

    4. Under Image Scaling, mark one of the options:

    Full Screen – your background image will fill the full size of the screen
    Fit – your background image will maintain its proportional relationship between width and height
    Tile – your background image will display in a tile formation across your site
    Tile Vertically – your background image will display in a tile formation across the vertical axis of your site
    Tile Horizontally – your background image will display in a tile formation across the horizontal axis of your site
    Normal – your background image will maintain the image's actual size

    5. Under Position, click the square that matches the area of your mobile site that your background image should appear in.
    6. Next to Change Color, click the drop-down menu to open the Color Picker.
    7. From the Color Picker, click a color.

    Your mobile background changes.

    Changes that you make here will not affect your desktop site.

  • Deleting Your Background Image

    To delete your background image from your mobile site:

    1. From the left side of the Mobile Editor, click the paintbrush icon to open Mobile Design.
    2. From Mobile Design, click Mobile Background.
    3. From Mobile Background, click Remove Image.

    Your background image is deleted.