Content area showing behind section below

Support
#1

Hi there,

I’ve used a content area with a toggle to show some additional content on my page here:
http://hakc.creativemindsdesign.com.au/about-us/ but when you toggle the content to show, the content from the section below shows over the top of the content area. How can I set it to be on top/over the content in the section below?

Thanks!

#2

Hi Felicity,

To fix it, you need to increase the z-index of the section where your content area resides.

The z-index property specifies the stack order of an element.

An element with greater stack order is always in front of an element with a lower stack order.

Thanks

#3

Thanks for this response, I’ve updated the z-index as suggested and it has worked on desktop display. However the display is not working nicely on mobile. Can you advise how to make sure the content always shows on top?

Thanks

#4

Hi @felicityevans,

Please change the z-index of your columns descense like this: 4 , 3 , 2, 1

Hope it helps :slight_smile:

#5

Can you please explain how to do that?

#6

Hi Felicity,

You can set your column’s z-index in your column settings.

As my colleague have instructed, please set column 1 z-index to 4, column 2 z-index to 3, column 3 z-index to 2 and column 4 z-index to 1.

Thanks

#7

Oh sorry! I should have known that!! Thanks for your help!

#8

You’re welcome, Felicity.

#9

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