Infinity Pro Home Page Section Images

[Junglepilot]

Is there a way to make the images on the home page sections to resize for mobile devices?

Here is my site: https://www.toomerscoffee.com/

When you look at it on mobile device the image remains full-sized and frankly no appeal.

https://www.toomerscoffee.com/

[BJtierney]

Did you get an answer to this because I'm struggling with the same issue... if anyone has suggestions, please let me know...

[wputler]

If you want the entire image to be visible on a small screen, you could add this to your css:

.front-page-1 {
	background-size: contain;
}

The problem is that it will be too short. You may be better off doing something like this in your @media query:

.front-page-1 {
	background-position: -326px 0px;
	background-size: auto 525px;
}

[Gary10]

I've been thinking about using media queries for phones to call different background images and make adjustments to layout. This is a good article:

https://www.smashingmagazine.com/2010/07/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

[Author]

Posts