# How do I make a reveal change direction for mobile to desktop?

**URL:** <https://forums.realmacsoftware.com/t/how-do-i-make-a-reveal-change-direction-for-mobile-to-desktop/47855>\
**Category:** Elements\
**Created:** [May 31, 2025, 7:48pm UTC](https://forums.realmacsoftware.com/t/how-do-i-make-a-reveal-change-direction-for-mobile-to-desktop/47855 "2025-05-31T19:48:33Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![bruce](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bruce/32/23155_2.png) [@bruce](https://forums.realmacsoftware.com/u/bruce)\
**Post date:** [May 31, 2025, 7:48pm UTC](https://forums.realmacsoftware.com/t/how-do-i-make-a-reveal-change-direction-for-mobile-to-desktop/47855/1 "2025-05-31T19:48:33Z")

</div>

I would like my reveal of text enter from the left on desktop and enter from the right on mobile. Can this be done? I don’t see a dot to override on the direction setting.

 ![Screenshot 2025-05-31 at 2.48.09 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/6/d/6d593d57999d3ec68df85d93cff1ccc477c9a1f6.png)

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [May 31, 2025, 8:05pm UTC](https://forums.realmacsoftware.com/t/how-do-i-make-a-reveal-change-direction-for-mobile-to-desktop/47855/2 "2025-05-31T20:05:19Z")

</div>

like this, had to use hidden though

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [May 31, 2025, 8:11pm UTC](https://forums.realmacsoftware.com/t/how-do-i-make-a-reveal-change-direction-for-mobile-to-desktop/47855/3 "2025-05-31T20:11:22Z")

</div>

bit of a hack using hidden

[elementsapp://downloadDocument/wn0iMiMRyfFx](elementsapp://downloadDocument/wn0iMiMRyfFx)

---

<div class="post-metadata">

**Author:** ![bruce](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bruce/32/23155_2.png) [@bruce](https://forums.realmacsoftware.com/u/bruce)\
**Post date:** [May 31, 2025, 8:22pm UTC](https://forums.realmacsoftware.com/t/how-do-i-make-a-reveal-change-direction-for-mobile-to-desktop/47855/4 "2025-05-31T20:22:57Z")

</div>

Thanks @upssjw. I’ll review your file later.

---

<div class="post-metadata">

**Author:** ![bruce](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bruce/32/23155_2.png) [@bruce](https://forums.realmacsoftware.com/u/bruce)\
**Post date:** [May 31, 2025, 10:53pm UTC](https://forums.realmacsoftware.com/t/how-do-i-make-a-reveal-change-direction-for-mobile-to-desktop/47855/5 "2025-05-31T22:53:57Z")

</div>

I got it working. It’s a bit tricky to figure out what to hide and where to hide it. This should get easier for me once I get further along building my site in [Elements](https://elementsapp.io/).

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [May 31, 2025, 10:59pm UTC](https://forums.realmacsoftware.com/t/how-do-i-make-a-reveal-change-direction-for-mobile-to-desktop/47855/6 "2025-05-31T22:59:55Z")

</div>

I just created 2 one on top of each other then hid and show them at the different break points for change of direction

---

<div class="post-metadata">

**Author:** ![pumpkin](https://avatars.discourse-cdn.com/v4/letter/p/ccd318/32.png) [@pumpkin](https://forums.realmacsoftware.com/u/pumpkin)\
**Post date:** [June 1, 2025, 8:41am UTC](https://forums.realmacsoftware.com/t/how-do-i-make-a-reveal-change-direction-for-mobile-to-desktop/47855/7 "2025-06-01T08:41:46Z")

</div>

I too would prefer an override option for different breakpoints. @dan ?

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [June 1, 2025, 10:30am UTC](https://forums.realmacsoftware.com/t/how-do-i-make-a-reveal-change-direction-for-mobile-to-desktop/47855/8 "2025-06-01T10:30:13Z")

</div>

me too, only way I could do this

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [June 1, 2025, 11:26am UTC](https://forums.realmacsoftware.com/t/how-do-i-make-a-reveal-change-direction-for-mobile-to-desktop/47855/9 "2025-06-01T11:26:09Z")

</div>

The reveal animation settings can’t support different values at the different breakpoints. You’d need to hide and show different components based on the breakpoint (as @upssjw suggests), it’s a bit messy, but it works.

When I’m using the reveal component, I try to ensure the same motion works at all breakpoints.

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [June 1, 2025, 2:06pm UTC](https://forums.realmacsoftware.com/t/how-do-i-make-a-reveal-change-direction-for-mobile-to-desktop/47855/10 "2025-06-01T14:06:18Z")

</div>

still trying to get this to work just using Reveal

---

<div class="post-metadata">

**Author:** ![DaveMac](https://avatars.discourse-cdn.com/v4/letter/d/fbc32d/32.png) [@DaveMac](https://forums.realmacsoftware.com/u/DaveMac)\
**Post date:** [June 2, 2025, 8:09pm UTC](https://forums.realmacsoftware.com/t/how-do-i-make-a-reveal-change-direction-for-mobile-to-desktop/47855/11 "2025-06-02T20:09:43Z")

</div>

> [@dan](#):
>
> The reveal animation settings can’t support different values at the different breakpoints.

You could integrate reveal with the responsive breakpoints using [gsap.matchmedia](https://gsap.com/docs/v3/GSAP/gsap.matchMedia()/) feature the same way when working within breakpoints as other features in the app if desired.
