I'm trying to set full width background images with a parallax effect like on this website here:
I made this page as a test:
The problem is that even though the qode slider (above the fold) is full width, but I can't get the images in the parallax rows the slider to fit the size of the browser they're viewed in.
I have the BRIDGE theme, and contacted their support. However, they recommended that i adjust the image size to have a width of 1920 px. If i set the pics to a width of 1920 it's actually still a little big when viewing on my laptop, but too small when viewing on my iMac monitor (see white margins in pic).
However, If i set the size to be 2560 they span the width of the browser on my iMac monitor but are way too big on my laptop, for example. (see picture).
Is there a way I can optimize the images using smush? I have print quality images (sometimes 8k px wide) so I can make them as big or small as I need. I'm just not sure what the otimal size is so that they will span the width of any browser. Perhaps i need some custom code for the backgrounds to fully be responsive?
Here is a link the the Bridge support ticket.
Thanks so much!!!