# Responsive image swap

**URL:** <https://forums.realmacsoftware.com/t/responsive-image-swap/5550>\
**Category:** RapidWeaver Classic\
**Created:** [February 24, 2016, 12:48pm UTC](https://forums.realmacsoftware.com/t/responsive-image-swap/5550 "2016-02-24T12:48:27Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![manju69](https://avatars.discourse-cdn.com/v4/letter/m/7ab992/32.png) [@manju69](https://forums.realmacsoftware.com/u/manju69)\
**Post date:** [February 24, 2016, 12:48pm UTC](https://forums.realmacsoftware.com/t/responsive-image-swap/5550/1 "2016-02-24T12:48:27Z")

</div>

Hi folks

I am using an extra content for banner image on my site. I’d like it to change to a different one on smaller handheld devices? How would I do that?

Thanks in advance

Peter

---

<div class="post-metadata">

**Author:** ![zeebe](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/zeebe/32/22007_2.png) [@zeebe](https://forums.realmacsoftware.com/u/zeebe)\
**Post date:** [February 24, 2016, 1:09pm UTC](https://forums.realmacsoftware.com/t/responsive-image-swap/5550/2 "2016-02-24T13:09:13Z")

</div>

If you are using Stacks 3, you can easily show and hide stacks for different devices. For the banner that you want to show on desktop and tablets, hide it on mobile by clicking the mobile icon. Then add the new banner and click on the tablet and desktop icons to hide that on tablets and desktops.

 ![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/d/d92a490eb827becad8a645a40e456a28a5846677.png)

---

<div class="post-metadata">

**Author:** ![jochenabitz](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jochenabitz/32/27126_2.png) [@jochenabitz](https://forums.realmacsoftware.com/u/jochenabitz)\
**Post date:** [February 24, 2016, 1:15pm UTC](https://forums.realmacsoftware.com/t/responsive-image-swap/5550/3 "2016-02-24T13:15:01Z")

</div>

It would be a nice option to make it possible to hide the code of the hidden stack too.

---

<div class="post-metadata">

**Author:** ![zeebe](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/zeebe/32/22007_2.png) [@zeebe](https://forums.realmacsoftware.com/u/zeebe)\
**Post date:** [February 24, 2016, 1:22pm UTC](https://forums.realmacsoftware.com/t/responsive-image-swap/5550/4 "2016-02-24T13:22:47Z")

</div>

Contact Yourhead and request that. Right now, no matter which option you choose (as there are hiding stacks as well), the code always goes.

---

<div class="post-metadata">

**Author:** ![jochenabitz](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jochenabitz/32/27126_2.png) [@jochenabitz](https://forums.realmacsoftware.com/u/jochenabitz)\
**Post date:** [February 24, 2016, 1:25pm UTC](https://forums.realmacsoftware.com/t/responsive-image-swap/5550/5 "2016-02-24T13:25:04Z")

</div>

I will contact yourhead.

---

<div class="post-metadata">

**Author:** ![manju69](https://avatars.discourse-cdn.com/v4/letter/m/7ab992/32.png) [@manju69](https://forums.realmacsoftware.com/u/manju69)\
**Post date:** [February 24, 2016, 2:44pm UTC](https://forums.realmacsoftware.com/t/responsive-image-swap/5550/6 "2016-02-24T14:44:29Z")

</div>

Wow - that is easy! I didn’t know you could have two stacks like that. Brilliant. Thanks!