Community forum for knowledge and support

Updated 10 months ago

Relume Pro Subscription: Card Grid on Desktop, Slider on Mobile

At a glance

The community member is looking for a component that displays a card grid on desktop and a slider on mobile. The response from the community indicates that there is no such component available out of the box, but they will add it to their list. The community member then asks about the potential impact on SEO and site speed when using a third-party component like the one from Webflow. Another community member suggests that hiding the desktop version on mobile using visibility hidden rather than display none could help avoid SEO issues. Finally, the community member found a slider cloneable that transforms from a grid on desktop to a slider on mobile without needing to hide content.

Useful resources

Hi just got the relume pro subscription. was wondering if there is a component that is a card grid on desktop and becomes a slider on mobile

M
C
5 comments

we don't have any components that are built like this out of the box. But we'll add it to our list!

thanks for the reply. Do you by any chance know if using this component is bad in terms of SEO or site speed: https://webflow.com/made-in-webflow/website/desktop-grid-mobile-slider ?

I suppose I could see it potentially being bad for SEO if not implemented correctly. Within a section or CMS item you can set certain sections is visibility hidden - so maybe on mobile you make the desktop version hidden - this is different than display: none because display: none is CSS - but this is at the DOM (document object model) level - so if something is marked as "hidden" - it will not even render on the page or within the code. And with that, crawlers will not flag this for duplicate content.

I found a slider cloneable that is grid on desktop and that transforms to a slider on mobile. dont have to set content to hidden or anything πŸ™‚

thanks for the help though!

Add a reply
Sign up and join the conversation on Slack