Slides no longer showing on multiple sites after updating to new version

Hi @alexdx

I checked the two pages linked above, and in both cases, I see the same problem, that something ( probably your theme ) generates a file with Critical CSS:

• https://richmananimalclinic.com/wp-content/themes/iVET360-Platform-1/richmananimalclinic.com_critical_min.css
• https://vet2pet.ca/wp-content/themes/MVPTheme/vet2pet.ca_critical_min.css

and the critical CSS will contain some styles, that will hide the slide background images of the slider.

Could you disable this critical CSS feature and see if that fixes the problem?

Hi @alexdx

On this page:

• https://richmananimalclinic.com/

what I currently see is that you have some custom CSS added to the slider:

.n2-ss-section-main-content p {
	max-width: 340px;
}

.n2-section-smartslider {
	z-index: 0 !important;
	position: static !important;
	margin-top: 121px;

}
.n2-ss-slider .n2-ss-slide-background-image {
	background-position: top !important;
}

coming from this file:

• https://richmananimalclinic.com/wp-content/themes/iVET360-Platform-1/custom.css?ver=5.7.2

and that is what causes the gap, more specifically the margin. Removing the custom CSS will fix the problem.

As for the shaking on the other sites:
The problem seems to be caused by that the width of your slider continuously increases and decreases, which will result in this shaking.
This seems to be connected to the width of the containers which are specified in vw unit:

#page {
width: 960px;
max-width: 90vw;
}
.home .inside-article {
padding-left: 40px !important;
width: 100vw;
box-sizing: border-box;
padding: 0;
}

and the align-items:center;

.home .entry-content {
display: flex;
flex-direction: column;
align-items: center;
}

My colleague managed to reproduce this shaking with these on her local test site, so we reported this problem to our senior developer to see if there is a possible solution for this problem on our end.

Since your container is already full width, what you could try as a temporary solution is to disabling the “Force full width” option:
https://smartslider.helpscoutdocs.com/article/1776-fullwidth-layout

Best regards,
Laszlo.