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

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

Home Forums Support How to Change No. of columns and Featured Image sizes in different devices

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #995962
    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 ๐Ÿ™‚

    #996520
    Leo
    Staff
    Customer Support

    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 ๐Ÿ™‚

    #996535
    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

    #996776
    Leo
    Staff
    Customer Support

    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%;
        }
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.