Community forum for knowledge and support

Updated last year

Enabling Mobile Search Component Across All Device Types

At a glance

Morning all,

I'd like to use the mobile search component from Application Shell 4, but so that it shows and works across all device types.

I've copied the component across and changed the visibility so that it shows on desktop, but the search icon button still only works on mobile devices.

I've also tried changing the interactions to include desktop devices, but with no luck.

Any idea how I can get this to work on desktop devices?

M
1 comment

you'd be likely better off building out the front-end of this interaction starting at desktop and working your way down, and then attaching the interactions that you want to steal from the application shell component.

Doing it the way you are doing it is completely backwards from how Webflow works and you'd have to go to mobile landscape, make a bunch of style changes, then to tablet and make those same style changes, and then again in desktop.

I would just "recreate" the frontend experience one time on desktop, make some tweaks from tablet down, and then attach the interactions and changing the breakpoint for the interactions like you did to desktop. In theory this should work. I can dive into it more in a video or something if you think that would be helpful - but take a stab at what I'm saying if I'm making any sense.

Add a reply
Sign up and join the conversation on Slack