[Support request] How to Change No. of columns and Featured Image sizes in different devices

[JAGDEEEP]

Hi Team Gp,
I am using generatepress for a long time and loving it.
I saw an issue in 1 of my website with featured image:
I set featured image size to 250×250 px and 5 columns.
but whenever we saw it in the tab or mobile-only 1 column is there
is there any solution (plugin or coding) that it changes to
laptop: 5 Columns : 250 x 250
Tab : 3 columns: whatever size
Mobile :2 columns : whatever size or 125 x 125px
I can’t set only height or only width for images because all my featured images have different sizes.

Suggestion: In Elementor sizes can be changed in all three formats differently, please add this feature in new update if you can. Only this feature can solve many problems.
Thanks with the hope that Tom has all Answers 🙂

[Leo]

Hi there,

Can you try this solution first to see if helps with the featured images sizing?
https://generatepress.com/forums/topic/different-size-of-featured-image-on-mobile-ipad-pc/#post-995627

Then we should be able to change the column numbers with some CSS.

Let me know 🙂

[JAGDEEEP]

Leo thanks for this reply and image sizes changed with this css
but columns remain 2 in mobile and i pad too looking weired plz have a look again

[Leo]

Try adding this CSS:

@media (max-width: 1024px) and (min-width: 768px) {
    .generate-columns-container .tablet-grid-50 {
        width: 33%;
    }
}
@media (max-width: 767px)
    .generate-columns-container .mobile-grid-100 {
        width: 50%;
    }
}

[Author]

Posts