Improving Mobile Usability for Relume Components and Tabs

·

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?

5 comments

HoopAI
·
Matt J.
Matt J.
·
HoopAI 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.
HoopAI
·
thanks for clearing this up! Matt J.
HoopAI
·
Just a quick q: if you hide an element, does it still show for SEO as a problem?
Matt J.
·
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.