Background Image Resize Glitch

modus · July 2020

I have some background images I using for wraps on a page. On the initial page load, some of the images are stretched out. When slightly adjust the width of my browser window, the background images scale to the correct proportions. Examples are the last two wraps on this page.

https://q9t.0b4.myftpupload.com/work/

What do I need to do so the images are scaled correctly on the initial load?

Thanks

Pablo · July 2020

Hello,

Please upload bigger image, these are too small to make them look good on parallax.

Thanks

modus · October 2020

Hey so I uploaded all new images 1920x1080 and I'm still having the problem.

Here are 3 pages with the issue.

https://indielifeevents.com/work/worldtown-festival-world-cup-edition/

https://indielifeevents.com/work/fitler-club/
https://indielifeevents.com/work/carlsberg/

Phil · October 2020

Hello,

Please insert following code to Betheme > Theme Options > Custom CSS & JS > JS

jQuery(function($){
   $(window).load(function(){
      $(window).trigger('resize');
   })
})

Thanks

modus · October 2020

I put the code in, but it's still not working.

Phil · October 2020

Please, turn off all plugins, refresh the cache, and check if the issues still exists.
Probably plugins related to lazy-load cause all this problems

Thanks

modus · October 2020

Hmmm. So I disabled all the plugins then reactivated them one-by-one and the problem went away.

Thanks!

Background Image Resize Glitch

Comments