Responsive Background Images Using Blade Components

Originally published at: https://roots.io/guides/responsive-background-images-using-blade-components/

You’ll probably agree that using the same background image for a desktop screen as well as for a mobile device is not good for performance. And to make matters worse usually full viewport background image is the main above the fold element of most home pages. Wouldn’t be nice if we had the same responsive…

9 Likes

This is absolutely legendary :ok_hand:

I would also love to see this combined with ACF,
or for even more awesomeness, built into a Bootstrap Carousel or similar with ACF.

You can ouput the acf image or gallery field directly as image id?

Yes, you can definitely combine that with ACF. That’s what I do for most projects.

Yes you just need to set in ACF image field to return it as ID.

This topic was automatically closed after 42 days. New replies are no longer allowed.