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!
I thought a published link would be a read-only. Here is the web flow version
read only link
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
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
I hope this helps. If not, please let me know – I’m happy to assist further!
@cyberdave It worked like a charm. Thank you!
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.