Reply To: parallax images not resizing for mobile

#10044566
Support
Keymaster

Hello, my suggestion is to add a custom class, for example: “my-custom-parallax”

HTML:

<section class="my-custom-parallax parallax section section-parallax custom-parallax-bg-pos-left custom-sec-left h-100 m-0" data-plugin-parallax data-plugin-options="{'speed': 1.5, 'horizontalPosition': '100%'}" data-image-src="img/BZImages/1920x1100Doc.jpg" style="min-height: 315px;">
</section>

And then customize CSS (css/custom.css):

@media (max-width: 991px) {
	.my-custom-parallax {
		min-height: 31vw !important;
	}
	
	.my-custom-parallax .parallax-background {
		background-size: 100% !important;
	}
}

Best Regards,

Okler Themes