Streaming live at 10am (PST)

Applying Interactions to only Mobile Versions


#1

Hello, Webflow community!

I’m currently designing a site for a photography client and making their site more mobile responsive. The question in mind is I want to make the three main home page buttons open up a custom designed light box. However, I only want those buttons to open the lightbox on the mobile version of the site. The desktop version should already display the slideshow that’s being opened in the lightbox for mobile, and those buttons should take viewers to a corresponding blog page.

In other words, the three “View Pictures” buttons on Desktop/Tablet will take people to the blog, on mobile it will open the lightbox.

Thank you in advanced!


Here is my public share link: https://preview.webflow.com/preview/bwphoto?preview=8850a66fc4c4068174915987739c53ab


#2

Hello @johnwilliamdev

I think the only thing you can do for now is to disable your buttons on mobile view (or display them : none) and create new lightbox buttons that you disable on desktop and tablet view.


#3

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.