rpjludeke

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;
}

Hi Ales,

I just tested this again on my main screen with a resolution of 2560×1080 (21:9) and on this resolution the desktop layout is broken. Could you suggest a fix please?

Edit: It might be Safari. Tested on Chrome and it loads fine.

• This reply was modified 6 years, 7 months ago by rpjludeke.

Hi Ales,

Perfect! It’s working now thanks!

Once the update is out, would I need to remove the css changes?

Hi Ales,

I understand that’s the way it is intended to work, but it isn’t working like that on all mobile devices. I can see that the slider is still supposed to be below the content section, but it is blank.

You can take a look at the site https://www.kriterion.ai