Archived topic
How to Change No. of columns and Featured Image sizes in different devices
3 replies · Started by JAGDEEEP on August 28, 2019
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 250x250 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 :)
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 :)
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
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%;
}
}