I’ve made a video on the topic of Teleporter (https://youtu.be/qS8lCzNhTbE) a while ago. Does that help? I’m not really sure what exactly you’re up to.
Yes i see the tutorial but this is a little different a little tricky
1 section with 7 columns
i activated the teleporter for each column and chose the section from the hover – Which parent?
also all columns have bottom borders
I try to make the image from the hover to be above the border lines now the images are under the borders.
I have tried with z-index but is not working.
Thank you for your help
OK, but now the most important question: how did you mean to manage these 7 columns in a responsive fashion? I suppose it must be already damn tight on 1140px (like 160px per column, without the padding/margin).
Anyhow…
the parent can be the topmost Section (the teleported image will be full-screen-wide), or it can be the Column’s parent wrapping element (the teleported image will be “boxed” size wide).
When it comes to borders…
you don’t need to use the border at all. There’s an extension named “Pseudo” which is supposed to extend the Column in a way that allows you to add the ::before and ::after pseudo elements. These elements can have their own z-index property.
I hope it makes sense!
That was the solution to use the pseudo.Problem solved.Now is working
Thank you very much.
Have a great day