# Effects and scroll effects depending on the screen

**URL:** <https://forums.realmacsoftware.com/t/effects-and-scroll-effects-depending-on-the-screen/44755>\
**Category:** RapidWeaver Elements\
**Created:** [September 26, 2024, 10:51am UTC](https://forums.realmacsoftware.com/t/effects-and-scroll-effects-depending-on-the-screen/44755 "2024-09-26T10:51:12Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![annebourdon](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/annebourdon/32/2391_2.png) [@annebourdon](https://forums.realmacsoftware.com/u/annebourdon)\
**Post date:** [September 26, 2024, 10:51am UTC](https://forums.realmacsoftware.com/t/effects-and-scroll-effects-depending-on-the-screen/44755/1 "2024-09-26T10:51:12Z")

</div>

RapidWeaver Elements 10 (22909)

Hi,

I am testing effects and scroll effects and I wonder if it is possible to activate them on md and lg screens and deactivate on mobile, for example.  
I have not found how to do that. When I enable effects or scroll effects, it seems that it is for all screens.

---

<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:** [September 26, 2024, 11:44am UTC](https://forums.realmacsoftware.com/t/effects-and-scroll-effects-depending-on-the-screen/44755/2 "2024-09-26T11:44:21Z")

</div>

Sorry, right now scroll effects are the same on all devices.

What were you trying to do?

---

<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:** [September 26, 2024, 1:14pm UTC](https://forums.realmacsoftware.com/t/effects-and-scroll-effects-depending-on-the-screen/44755/3 "2024-09-26T13:14:45Z")

</div>

> [@annebourdon](#):
>
> possible to activate them on md and lg screens and deactivate on mobile

@Dan this is a common request, sometimes people want to scale back or turn off animation all together on certain devices for a better user experience.

You could utilize ‘`gsap.matchMedia()`’ along with ‘`prefers-reduced-motion`’ for this, GreenSock has examples. 🤓

---

<div class="post-metadata">

**Author:** ![annebourdon](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/annebourdon/32/2391_2.png) [@annebourdon](https://forums.realmacsoftware.com/u/annebourdon)\
**Post date:** [September 26, 2024, 2:13pm UTC](https://forums.realmacsoftware.com/t/effects-and-scroll-effects-depending-on-the-screen/44755/4 "2024-09-26T14:13:23Z")

</div>

I just tried to play with your latest demo (fitness demo) et wanted to avoid effects on small screens (mobile) and I didn’t find how to do. That’s why I asked on the forum.

---

<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:** [September 26, 2024, 2:15pm UTC](https://forums.realmacsoftware.com/t/effects-and-scroll-effects-depending-on-the-screen/44755/5 "2024-09-26T14:15:54Z")

</div>

The scroll effects are new and experimental, so we haven’t added in the responsive support just yet. We’ll most likely add this in a future beta when we’ve refined the effects further.