---
title: "Touch Screens Bridge — Free Framer component · Best of Framer"
description: "Free Framer component · by Abdelrahman Farghaly · Interactive. Invisible Component"
canonical: "https://framer.elliotli.dev/component/touch-screens-bridge"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Touch Screens Bridge

# Touch Screens Bridge

Invisible Component

[View on Framer](https://framer.com/marketplace/components/touch-screens-bridge/?via=elliot-li)

![Touch Screens Bridge preview image 1](https://framer.elliotli.dev/og/component/touch-screens-bridge/a3767014de5b0480/1600x1200.jpg)

## Summary

Invisible Component

## Description

This component fixes the problem you may face when moving to mobile versions. It enables you to use desktop drag-and-hover effects on touch screens with scrolling enabled by doing the following:

1.  Place the component inside the Frame you want to enable on mobile/tablet devices.
    
2.  Set the width and height to fixed, change the component to absolute positioning, and set the left, right, top, and bottom pins to 0.
    
3.  Add a z-index to the component and set it to 10. Ensure it is the only element within its parent frame that has a z-index of 10.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #6875

## Details

- **Author**: Abdelrahman Farghaly
- **Published**: 2026-06-10
- **Updated**: 2026-06-10
- **Added**: 2026-06-05
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase