Relume Community Icon
Relume Community
  • 馃彔Home
  • 馃搮Events

  • 馃數Announcements
  • 馃數General
  • 馃數Getting Started
  • 馃數Issues
  • 馃數Showcase

Powered by Tightknit
Issues
Issues

Improving Mobile Usability for Relume Components and Tabs

Avatar of HoopAIHoopAI
路

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

  • Avatar of HoopAI
    HoopAI
    路

    Matt J.

  • Avatar of 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.

  • Avatar of HoopAI
    HoopAI
    路

    thanks for clearing this up! Matt J.

  • Avatar of HoopAI
    HoopAI
    路

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

  • Avatar of Matt J.
    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.