Community forum for knowledge and support

Updated 2 months ago

Synthflow's Smooth Mobile Experience

At a glance

https://synthflow.ai/

If you look at this section, it works well on pc and even better on mobile

But all Relume components with tabs are annoying on mobile tbh

you need to click and scroll for each one

The only one that works smoothly is layout351 ( it's responsive )

The rest have you scolling up and down constantly for info, the way synthflow does it smooth"


Does someone know how it's done?

Attachment
image.png
H
M
5 comments

<@U041X15Q6CE>

the way that I would handle something like this is to have two completely different components - one for desktop/tablet and the other for mobile - just be mindful of SEO/duplicate content. In the case of Synthflow - they've essentially just hidden the image on desktop and show it on mobile.

But they've layered an interaction on the accordion to also be a tab - I suppose doing something similar could be feasible to do starting with an accordion like component and a two column layout component and using webflow interactions to layer a click on desktop to swap images.

Attachment
image.png

thanks for clearing this up!

Just a quick q: if you hide an element, does it still show for SEO as a problem?

depends on how you hide it - if you hide it with CSS - then yeah it will be visible within the DOM. If you use the visible/hidden toggles - then no, it will not be.

Attachment
image.png
Add a reply
Sign up and join the conversation on Slack