# Issue with filters on mobile

**URL:** <https://community.elfsight.com/t/issue-with-filters-on-mobile/141050>\
**Category:** General Questions\
**Tags:** event-calendar\
**Created:** [October 31, 2025, 1:42pm UTC](https://community.elfsight.com/t/issue-with-filters-on-mobile/141050 "2025-10-31T13:42:04Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sheridan\_Cobb](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/sheridan_cobb/32/76045_2.png) [@Sheridan\_Cobb](https://community.elfsight.com/u/Sheridan_Cobb)\
**Post date:** [October 31, 2025, 1:42pm UTC](https://community.elfsight.com/t/issue-with-filters-on-mobile/141050/1 "2025-10-31T13:42:04Z")

</div>

Hi! Thanks so much for these updates. On my website: [Events](http://thepineylist.com/events) I have a calendar but when I hit the filters there is a ”button to apply the filters but I have to scroll to the bottom of the page. Not ideal as it’s a long scroll. Any ideas? Built using Framer.

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [October 31, 2025, 2:09pm UTC](https://community.elfsight.com/t/issue-with-filters-on-mobile/141050/3 "2025-10-31T14:09:42Z")

</div>

Hi there and welcome to the Community, @Sheridan_Cobb 👋

The issue with the filter display on mobile occurs because of the iframes used on the Framer builder. To fix it, please try to reinstall the widget avoiding iframes.

You just need to add the code below to the Assets section. After pasting the code, you should press Ctrl+S to save the file:

```auto
import { useEffect } from "react"
import { addPropertyControls, ControlType } from "framer"

export default function ElfsightWidget(props) {
    const { widgetId } = props

    useEffect(() => {
        const platform = document.createElement("script")
        platform.src = "https://static.elfsight.com/platform/platform.js"
        platform.setAttribute("data-use-service-core", "")
        platform.setAttribute("defer", "")
        document.body.append(platform)

        return () => {
            platform.remove()
        }
    }, [])

    return (
        <div>
            <div className={widgetId} />
        </div>
    )
}

addPropertyControls(ElfsightWidget, {
    widgetId: { type: ControlType.String, title: "Widget ID" },
})

```

  

Then use the Drag&Drop to move the asset with the code. Finally, add the [ID of your widget](https://help.elfsight.com/article/1219-where-to-get-your-widget-id-in-new-dashboard) to the Widget ID section:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/3/a/3a211fe765289bfd50de36ba4a4c79c11f6f8f68.jpeg)

Here is the video featuring all the steps:

  

Give it a try and let me know if it helped 🙂

---

<div class="post-metadata">

**Author:** ![Sheridan\_Cobb](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/sheridan_cobb/32/76045_2.png) [@Sheridan\_Cobb](https://community.elfsight.com/u/Sheridan_Cobb)\
**Post date:** [November 3, 2025, 6:46pm UTC](https://community.elfsight.com/t/issue-with-filters-on-mobile/141050/4 "2025-11-03T18:46:42Z")

</div>

I cannot figure out what I did wrong. See what I did here: [https://drive.google.com/file/d/1Il5j4HUXN0hGcqc6UOmwl7GFcQRV9Rsj/view?usp=sharing](https://drive.google.com/file/d/1Il5j4HUXN0hGcqc6UOmwl7GFcQRV9Rsj/view?usp=sharing) It is like when I drop it into framer you cannot see it without going to the layers panel?

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [November 4, 2025, 9:48am UTC](https://community.elfsight.com/t/issue-with-filters-on-mobile/141050/5 "2025-11-04T09:48:52Z")

</div>

Hi there, @Sheridan_Cobb 👋

Could you please share access to your website’s backend following the steps described in this article - [Providing Access to Your Framer Website - Elfsight Help Center](https://help.elfsight.com/article/1597-providing-access-to-your-framer-website)?

Please let me know once the access is shared and our devs will gladly look into this for you 🙂

---

<div class="post-metadata">

**Author:** ![Sheridan\_Cobb](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/sheridan_cobb/32/76045_2.png) [@Sheridan\_Cobb](https://community.elfsight.com/u/Sheridan_Cobb)\
**Post date:** [November 4, 2025, 10:33am UTC](https://community.elfsight.com/t/issue-with-filters-on-mobile/141050/6 "2025-11-04T10:33:55Z")

</div>

Done!

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [November 4, 2025, 11:53am UTC](https://community.elfsight.com/t/issue-with-filters-on-mobile/141050/7 "2025-11-04T11:53:01Z")

</div>

Thank you!

I’ve forwarded it to the devs and will update you once I have their response 😉

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [November 5, 2025, 2:15pm UTC](https://community.elfsight.com/t/issue-with-filters-on-mobile/141050/8 "2025-11-05T14:15:03Z")

</div>

Hi there, @Sheridan_Cobb 👋

Thank you for waiting!

We’ve slightly adjusted the script, which resolved the issue on mobile:

```auto
import { useEffect } from "react"
import { addPropertyControls, ControlType } from "framer"

export default function ElfsightWidget(props) {
    const { widgetId } = props

    useEffect(() => {
        const platform = document.createElement("script")
        platform.src = "https://elfsightcdn.com/platform.js"
        platform.async = true
        document.body.append(platform)

        return () => {
            platform.remove()
        }
    }, [])

    return <div className={`elfsight-app-${widgetId}`} data-elfsight-app-lazy />
}

addPropertyControls(ElfsightWidget, {
    widgetId: { type: ControlType.String, title: "Widget ID" },
})

```

  

Please check your website and let me know if it looks fine on your end 🙂

---

<div class="post-metadata">

**Author:** ![Sheridan\_Cobb](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/sheridan_cobb/32/76045_2.png) [@Sheridan\_Cobb](https://community.elfsight.com/u/Sheridan_Cobb)\
**Post date:** [November 5, 2025, 3:41pm UTC](https://community.elfsight.com/t/issue-with-filters-on-mobile/141050/9 "2025-11-05T15:41:18Z")

</div>

It looks amazing. Thank you so much for the support!

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [November 5, 2025, 3:43pm UTC](https://community.elfsight.com/t/issue-with-filters-on-mobile/141050/10 "2025-11-05T15:43:18Z")

</div>

It’s my pleasure!

Don’t hesitate to contact us again in case of any questions. We’ll be more than happy to help 😉