Archived topic

Z-Index Order

3 replies · Started by Ashley on September 12, 2018

Viewing posts 1–4 of 4

September 12, 2018 at 3:18 pm #675841

Hi Guys!

So I'm trying to basically apply an Apple-esque overlay to the bottom of my page content.

I'm using a hook to do this currently which is just basically inserting a styled div.

I want it to appear above the header and main section but not the footer.

At the moment I'm trying to do this with z-index's but it's not working out. Is this a hierarchy issue perhaps?

September 12, 2018 at 7:49 pm #675923

Hi there,

Try this as your CSS:

.site-footer {
    z-index: 3;
    position: relative;
}

Let me know :)

September 13, 2018 at 4:31 am #676162

Worked like a charm, cheers Tom! :-D

September 13, 2018 at 8:37 am #676464

Glad I could help! :)

This archived topic is closed to new replies.