4.1.5 | Section Z-Index

Beta
#1

This bugger started sometime during the Pro 4 beta so could simply be the way things are now but have found myself constantly “correcting” for it.

Sections / rows added sequentially have a lower z-index than their previous counterpart. For example:

  1. I used to create a masthead section for a homepage
  2. I’d then create a section below it.
  3. I’d then add a row and use negative margin to overlap the row with the masthead section.

Now when I attempt this, the row is hidden behind the first section (#1) and requires a z-index change.
As mentioned, I could totally accept that this is how it should work now and is simply a result of my build style but the next example is core functionality and requires an extra step.

  1. Add a section (we’ll call this section “A”)
  2. Add another section (section “B”)
  3. Now add a top separator on section B and nothing shows up.
  4. Change the z-index of section B to something above 1 and now you’ll see your separator
#2

Hi @DoncoMarketing,

Thanks for letting us know about this. I think it started happening around the time we made the z-index set to auto by default on sections. This solves a bunch of other issues, but looks like it makes separators not appear. I think we can do something kinda like what we did with advanced backgrounds where when you toggle the box it automatically sets a z-index for you. I’ll get with Kory about it and see what we can come up with.

1 Like