Community forum for knowledge and support

Updated 5 months ago

The Sliding Left Column Interaction

At a glance

A community member is interested in customizing header 102 to have a sliding image on the left column that corresponds to the existing slider image on the right. Other community members provide suggestions and resources, including a Finsweet solution for changing the slider dot colors, which is noted as a challenging task. A community member also shares a video walkthrough on how to implement the desired layout with the images sliding together.

Useful resources

hey y'all, would love your expertise on this! i really like header 102 but wish the left column could be another image that slides (to the left) which corresponds to the existing slider image on the right. does anyone know the interactions to this? appreciate it!

1
M
A
n
13 comments

I am not too sure how this would look or work to be honest. It could be a fun experiment though I suppose...I could have a play with it later this week and let you know.

Thanks! This idea has been done before - I actually saw it in the example of this header https://www.unmade.com/#optimise, they've used header 102 for their hero but if you scroll down the page you'll see the version I was talking about. I tried using Inspect Element to see what's going on but I didn't know what I was looking at πŸ˜…

ah got it! With this context it does make some sense why you might want to do this, interesting.

in your example - the slides move together but in your description you made it sound like they would slide independently - which one are you after?

ah my apologies - id like them to move together!

oh perfect, you just made this like 100x easier! I will record a video soon on this walking you through how to execute on it exactly.

cheers man, excited to learn this!

heya just got the time to go through your video - really appreciate the help with the layout and the finsweet mirror idea, cool to know that such a thing exists!

hey there, i'm also trying to finesse 102. really just trying to change the dot colors. thanks for the video, if nothing else, it was helpful to know how out of my depth i am lol

Dot colors are harder to change than they should be haha but it’s a Webflow/custom code thing, not Relume β€” try this Finsweet solution: https://finsweet.com/attributes/custom-slider-dots

Add a reply
Sign up and join the conversation on Slack