header-logo
Getting started with WixBuild your website and business with Wix. Try using our AI tools to create your website, customize templates, or hire professionals to build or enhance your online presence.
Creating a websiteRead how to use the Wix Editor and manage content on your site. Discover how to protect your visitors' privacy and make your site accessible.
Account & billingReview your account settings, manage your subscriptions and plans and understand your invoices.
Using the Wix mobile appsUse our mobile apps to run your business efficiently on the go and set up a dedicated app for your site members to stay in touch.
Connecting a domainFollow our step-by step guides to learn how to purchase, connect or transfer a domain for your site, and find out how to keep your site’s data secure.
Managing your businessGet tools to grow your business and web presence. Find the right tools for your specific needs, set up online payments and keep track of your site's analytics.
Promoting your siteLearn to make your site more visible promoting it on search engines, sending emails and running paid ads. Improve your online presence with practical tips.
Studio, Partners & EnterpriseGet the most out of your Studio or Enterprise account with advanced features that'll help you work more efficiently.
Need more help?Find solutions for site performance and technical issues, learn about issues we’re working to fix or contact us for help.
placeholder-preview-image
Wix LearnImprove your skills with our courses and tutorials.
Wix BlogGet tips for web design, marketing and more.
SEO Learning HubLearn to increase organic site traffic from search engines.
Website developmentBuild a custom site using our full-stack platform.
Hire a ProfessionalGet matched with a specialist to help you reach your goals.
placeholder-preview-image
In this article
  • Choosing an image background for mobile
  • Customizing image backgrounds on mobile
  1. Home
  2. Creating a website
  3. Using the Wix Editor
  4. Building a mobile site
  5. Media on mobile
  6. Wix Editor: Image Backgrounds on Your Mobile Site

Wix Editor: Image Backgrounds on Your Mobile Site

In this article
  • Choosing an image background for mobile
  • Customizing image backgrounds on mobile
Create a seamless experience for site visitors on mobile by ensuring your background is fully optimized. You can choose a background for your mobile site that is different from the one you have for your desktop site. Customize the image's opacity, scale, and even add a scroll effect.
A screenshot of an image background on a mobile site.

Choosing an image background for mobile

You can choose to have an image background on your mobile site that is different from the image background on your desktop site.

To choose an image background for your mobile site:

  1. Click the Background   icon on the left side of the mobile editor.
  2. Click Image.
  3. (In the Media Manager) Choose to upload your own image, use a free Wix image, or even purchase an image from Shutterstock / Unsplash. 
  4. Click Change Background.
  5. (Optional) Click Apply to Other Pages to add the background to other pages of your site.
A screenshot of choosing an image background.

Customizing image backgrounds on mobile

Customize your image background so that it looks just as you want on mobile. 

To customize your image background on mobile:

  1. Click Background on the left of the mobile editor.
  2. Click Settings.
  3. Customize the following:
    • Image Opacity: Drag the slider to increase or decrease the transparency of your background.
    • Color behind image: Click the color box and select a color from the Color Picker.
      This is useful if you decrease the image opacity and want a color behind the image.
    • Scroll effects: 
      • None: There is no scroll effect.
      • Freeze: The background image is frozen. It does not move when you scroll.
    • How's the image scaled?:
      • Fill: Background image is displayed in its original size.
      • Fit: Background image maintains its proportional relationship between width and height.
      • Tile: Background displays a specific section of the image. This section can be redefined using the Where's the image positioned? grid.
      •  Where's the image positioned?: Select a position on the grid to adjust which part of your image is in focus.
A screenshot of customizing an image background.

Did this help?

|
Hire a ProfessionalGet matched with a Wix Partner who can help you reach your site goals.
Start Now

Helpmate

Hello

Need a bit more guidance?
Unlock personalized helpLog in to get the most out of Helpmate.