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

Howdy,
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.
http://npi.webflow.io/hero-work

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.
Thanks!

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 - General - Forum | Webflow

Thanks in advance! :slight_smile:
Cheers,
Dave

Thanks CyberDave,

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

read only link
https://preview.webflow.com/preview/npi?preview=b93098fafc77f1cfb703ae4d523804eb

browser type
all

screen capture

Note: The grey area below is different section.

Thanks!

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:

Cheers,
Dave

@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.