Site logo

Archived topic

Full width image in taxonomy page on mobile

7 replies · Started by Mathieu on April 28, 2020

Viewing posts 1–8 of 8

Hi Tom,

I am wondering is there a setting or a css code that I could easily apply to make the images on home page / taxonomy page full width (100%). I think It would look much cooler.

Regards :)

It was already checked, maybe it remove some padding around the images but it doesn't make the image take the full canvas as the padding probably comes from higher up.

Regards,

Can you disable the cache plugin as something is interfering with the CSS

I disabled the cache on the test version : http://nouveauchef.quebecblogue.com/

But anyway now that I look at it, the padding setting is not for archives/taxonomy/home page but for the article page... which I have fixed with the help of Tom earlier.

Hi there,

Give this a shot:

@media (max-width: 768px) {
    .generate-columns-activated.post-image-aligned-left .generate-columns-container article:not(.featured-column) .post-image {
        margin-left: -30px;
        margin-right: -30px;
    }
}

Yess! It works. Merci :)

You're welcome :)

This archived topic is closed to new replies.