I'm currently utilizing fullpage.js
for parallax scrolling. I'm wondering if there's a way to make the background images adjust responsively when I resize my window.
Check out the documentation here: https://github.com/alvarotrigo/fullPage.js
Here's the specific example I'm referring to: https://github.com/alvarotrigo/fullPage.js/blob/master/examples/backgrounds.html
Despite setting the background-size
property to cover
for each section in my code, the backgrounds are still not responsive when I resize the window.
#section0,
#section1,
#section2,
#section3{
background-size: cover;
}