# Require different image on mobile breakpoint to desktop background image

**URL:** <https://forum.wixstudio.com/t/require-different-image-on-mobile-breakpoint-to-desktop-background-image/76309>\
**Category:** Ask the community\
**Tags:** design, wix-studio\
**Created:** [January 29, 2026, 12:46pm UTC](https://forum.wixstudio.com/t/require-different-image-on-mobile-breakpoint-to-desktop-background-image/76309 "2026-01-29T12:46:03Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![user6760](https://avatars.discourse-cdn.com/v4/letter/u/e9bcb4/32.png) [@user6760](https://forum.wixstudio.com/u/user6760)\
**Post date:** [January 29, 2026, 12:46pm UTC](https://forum.wixstudio.com/t/require-different-image-on-mobile-breakpoint-to-desktop-background-image/76309/1 "2026-01-29T12:46:03Z")

</div>

**I would like to use a different image on mobile breakpoint to desktop breakpoint.** When I change the image on the mobile breakpoint it also changes the desktop background image to the same.  
Is there a way of having a different image on different breakpoints?

---

<div class="post-metadata">

**Author:** ![onemoretime](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/onemoretime/32/104023_2.png) [@onemoretime](https://forum.wixstudio.com/u/onemoretime)\
**Post date:** [January 29, 2026, 4:44pm UTC](https://forum.wixstudio.com/t/require-different-image-on-mobile-breakpoint-to-desktop-background-image/76309/2 "2026-01-29T16:44:38Z")

</div>

Hi, @user6760 !!

There might be a more efficient way, but one approach that comes to mind is using formFactor to detect mobile users and dynamically swap the image URL. 😇

> **[Form Factor | Velo](https://dev.wix.com/docs/velo/apis/wix-window-frontend/form-factor)**
>
> Gets what kind of device is being used to view a page. The formFactor property gets one of:

---

<div class="post-metadata">

**Author:** ![Dan\_Suhr](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/dan_suhr/32/94074_2.png) [@Dan\_Suhr](https://forum.wixstudio.com/u/Dan_Suhr)\
**Post date:** [January 29, 2026, 10:15pm UTC](https://forum.wixstudio.com/t/require-different-image-on-mobile-breakpoint-to-desktop-background-image/76309/3 "2026-01-29T22:15:29Z")

</div>

quickest way is to duplicate the section on desktop. rename it to mobile section and adjust the background and then hide it on desktop breakpoints. Then on mobile breakpoint hide the desktop section and show the mobile section.

---

<div class="post-metadata">

**Author:** ![Pratham](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/pratham/32/119586_2.png) [@Pratham](https://forum.wixstudio.com/u/Pratham)\
**Post date:** [January 30, 2026, 12:39pm UTC](https://forum.wixstudio.com/t/require-different-image-on-mobile-breakpoint-to-desktop-background-image/76309/4 "2026-01-30T12:39:57Z")

</div>

> [@user6760](#):
>
> Is there a way of having a different image on different breakpoints?

Go to your mobile breakpoint, drag the mobile background image to your section (don’t set it as background just yet), and simply stretch it to full width. As easy as that.

---

<div class="post-metadata">

**Author:** ![noahlovell](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/noahlovell/32/118920_2.png) [@noahlovell](https://forum.wixstudio.com/u/noahlovell)\
**Post date:** [January 30, 2026, 1:35pm UTC](https://forum.wixstudio.com/t/require-different-image-on-mobile-breakpoint-to-desktop-background-image/76309/5 "2026-01-30T13:35:42Z")

</div>

I love this conversation! Perfect example of “there’s always more than one solution”!

Keep up the great solutions! 🙌

---

<div class="post-metadata">

**Author:** ![user6760](https://avatars.discourse-cdn.com/v4/letter/u/e9bcb4/32.png) [@user6760](https://forum.wixstudio.com/u/user6760)\
**Post date:** [January 30, 2026, 8:46pm UTC](https://forum.wixstudio.com/t/require-different-image-on-mobile-breakpoint-to-desktop-background-image/76309/6 "2026-01-30T20:46:16Z")

</div>

Hi,  
Thanks for taking the time to reply and advice.

---

<div class="post-metadata">

**Author:** ![user6760](https://avatars.discourse-cdn.com/v4/letter/u/e9bcb4/32.png) [@user6760](https://forum.wixstudio.com/u/user6760)\
**Post date:** [January 30, 2026, 8:47pm UTC](https://forum.wixstudio.com/t/require-different-image-on-mobile-breakpoint-to-desktop-background-image/76309/7 "2026-01-30T20:47:16Z")

</div>

Many thanks for the info.

---

<div class="post-metadata">

**Author:** ![user6760](https://avatars.discourse-cdn.com/v4/letter/u/e9bcb4/32.png) [@user6760](https://forum.wixstudio.com/u/user6760)\
**Post date:** [January 30, 2026, 8:49pm UTC](https://forum.wixstudio.com/t/require-different-image-on-mobile-breakpoint-to-desktop-background-image/76309/8 "2026-01-30T20:49:19Z")

</div>

Many thanks for this option.

---

<div class="post-metadata">

**Author:** ![user6760](https://avatars.discourse-cdn.com/v4/letter/u/e9bcb4/32.png) [@user6760](https://forum.wixstudio.com/u/user6760)\
**Post date:** [January 30, 2026, 9:16pm UTC](https://forum.wixstudio.com/t/require-different-image-on-mobile-breakpoint-to-desktop-background-image/76309/9 "2026-01-30T21:16:27Z")

</div>

Hi Pratham,  
I am new to web design and struggle on some of the basics, however, your method worked first time perfectly. I did have to start a new home page as my original home page image was a background image. A big thank you!

---

<div class="post-metadata">

**Author:** ![user6760](https://avatars.discourse-cdn.com/v4/letter/u/e9bcb4/32.png) [@user6760](https://forum.wixstudio.com/u/user6760)\
**Post date:** [January 31, 2026, 12:40pm UTC](https://forum.wixstudio.com/t/require-different-image-on-mobile-breakpoint-to-desktop-background-image/76309/10 "2026-01-31T12:40:06Z")

</div>

Hi Dan, works a treat, thanks!

---

<div class="post-metadata">

**Author:** ![Pratham](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/pratham/32/119586_2.png) [@Pratham](https://forum.wixstudio.com/u/Pratham)\
**Post date:** [January 31, 2026, 3:14pm UTC](https://forum.wixstudio.com/t/require-different-image-on-mobile-breakpoint-to-desktop-background-image/76309/11 "2026-01-31T15:14:19Z")

</div>

You’re welcome! 😇  
If you ever get stuck or don’t know how to work your way around something, feel free to reach out to this awesome community! 🙌🏻

---

<div class="post-metadata">

**Author:** ![system](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/system/32/86885_2.png) [@system](https://forum.wixstudio.com/u/system)\
**Post date:** [March 2, 2026, 3:15pm UTC](https://forum.wixstudio.com/t/require-different-image-on-mobile-breakpoint-to-desktop-background-image/76309/12 "2026-03-02T15:15:16Z")

</div>

Closed on March 2, 2026, 3:15pm UTC

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
