Streaming live at 10am (PST)

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


#1

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!


#2

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: http://forum.webflow.com/t/posting-guidelines-for-the-need-help-category/8094

Thanks in advance! smile
Cheers,
Dave


#3

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!


#4

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! smile

Cheers,
Dave


#5

@cyberdave It worked like a charm. Thank you!


#6

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