Resume Theme slider image issue.

3 replies · opened Feb 26, 2021

SsilkysackFeb 26, 2021

Hello, on the resume theme demo-resume.html, I see an issue with the background image on mobile devices. The image is zoomed in very far and not fitting the screen as it should. I tested this on my ipad mini iphone 7 and iphone 12 pro max, all devices are doing this. On a laptop/desktop it works perfectly even if I adjust the window smaller, so this is just a mobile only issue. Can you please let me know how to fix this? Thanks!

SsilkysackFeb 27, 2021

So I am correct in seeing the only change is the addition of the following CSS?


@media (max-width: 991.98px) {
	.blurred-img {
		-webkit-transform: scale(1) translate3d(0,0,0) !important;
	    -ms-transform: scale(1) translate3d(0,0,0) !important;
	    -o-transform: scale(1) translate3d(0,0,0) !important;
	    transform: scale(1) translate3d(0,0,0) !important;
		-webkit-filter: blur(0px) !important;
    	filter: blur(0px) !important;
	}
}
SSemicolon WebSTAFFFeb 28, 2021

Hello,

The background-attachment: fixed; Property for the Images in the Slider has also been removed.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard