How can an image in my slider overlap the section below?

I’m a newbie.

I started using the Slate template.
I like how the hero image overlaps the section below.
I want to change the hero image to a hero slider.

How can I make a single image in the slider overlap the lower section?
Here is my test page.

I would like the iPhone to overlap the paragraph below.
I did change the z-index to 2000, but this didn’t do anything to help.

Hi @odog, Can you please update your post with some more information so we can help you faster? Things like your read-only link, and screenshots of the elements in question really speed things up.

Posting guidelines can be found here: Posting Guidelines for the Design Help Category

Thanks in advance! :slight_smile:

Thanks CyberDave,

I thought a published link would be a read-only. Here is the web flow version

read only link

browser type

screen capture

Note: The grey area below is different section.


Hi @odog, thanks for the read-only link to the design, the read-only link to the published version is needed also as a reference, but the design change is in the editor :smile:

Try adding a class to the Slider Mask, and then set the overflow position property to visible. I see you have correctly set the z-index on the phone image, so right away it started working for me :smile:

​I hope this helps. If not, please let me know – I’m happy to assist further! :slight_smile:


@cyberdave It worked like a charm. Thank you!

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.