Skewed Layout on Safari doesn’t work

Hello @rpjludeke, please try to insert following CSS code into CMP Settings > Custom CSS

.skew .content-wrapper:after {
    z-index: 0;
}

That should help!

thanks Alex

Hi Alex,

Thanks that change made it work on Safari, but now the slider images are not showing on mobile – tried mobile Safari and Chrome, both don’t work.

This is all the custom CSS I have at the moment…

.social-list i {
  color: #808080;
}

img {
    max-width: 100%;
    height: auto;
}

.section-body {
    min-height: calc(100vh - 20em);
}

@media only screen and (max-width: 560px) {
.section-body {
    min-height: initial;
    padding: 0 1em;
}
	
.social-list {
    height: 5em;
}
.social-list a {
    height: 4em;
} }	
.graphic-logo {
    max-width: 250px;
}
@media only screen and (max-width: 1024px) {
#slider-wrapper, #background-wrapper {
    z-index: -1;
}}
.skew .content-wrapper:after {
    z-index: 0;
}

Add this last CSS and you should be OK ?? I will update Fifty theme with this code as well..

@media only screen and (max-width: 1024px) {
.skew .content-wrapper:after {
    display: none;
}}