Section Separator not visible using parallax

[designerken]

I have an issue similar to this post:

Section Separator Not Showing on Mobile

Hi there, the angle in/out separators are working fine on desktop but not showing on mobile.

However in that post the user didn’t specify if this was over another section using parallax, so that is my use case. When on mobile, iOS (Chrome/Safari) the parallax section seems to overlay the section with the separator even though the z-index is correct. It appears fine in the desktop version. It also appears on desktop when simulating mobile.

DESKTOP (divider appears)

MOBILE (Missing the divider)

DESKTOP (MOBILE SIMULATION) (divider appears)

[tristup]

Hi @designerken,

Thanks for reaching out.
I would suggest you please add the following custom CSS code and check if separators are showing in iOS.

/* For Separators to display on iOS devices */
.x-section [class*=x-separator] {
    z-index: 0;
}

Thanks

[designerken]

@tristup

Thanks for the CSS. That seems to solve the issue with using the Integrity stack on mobile in conjunction with a parallax section. I believe that default with that stack was set to z-index: -1

[prakash_s]

You are most welcome @designerken