Site logo

Archived topic

Featured image size on the home page for different devices like in GP Marketer

3 replies · Started by David on December 12, 2019

Viewing posts 1–4 of 4

Hi,

I am trying to replicate the behavior of the GP marketer demo site's home page, i.e., a smaller left-aligned featured image with text to the right on the home / archive pages.
On tablet and mobile the image should appear in full width as on the GP marketer site.

However, when I change the image-size for the home page from auto to for example 320 px (height auto) and left-align it, I only get this small image on a tablet as well (but centered), not a full-width image as in the marketer demo site.
I might be overlooking a configuration option.
How can I achieve the same behavior as on the marketer demo site?

Many thanks for taking the time.

Hi there,

Marketer uses a little CSS to do that:

@media (min-width: 769px) {
	.post-image-aligned-left .post-image img {
		max-width: 300px;
	}
}

Just leave your featured image sizes set to Auto.

Hi David,
this works like a charm.
Thanks a lot for your help.
Have a great day.

Glad to be of help

This archived topic is closed to new replies.