reducing the size of the gallery image on mobile

  • Resolved Adrian

    (@locka)


    6 years, 9 months ago

    I love the plugin. I’m using the responsive gallery, however I don’t find it as responsive as id like. It does not make the images proportionally to the size of screen. but rather just reduces the number it displays in a row.

    I’m wondering if there is away to code this in CSS so that images change size depending on screen size. Or that the image size is actually responsive proportionally to the screen size. I know CSS a bit and understand @media but as the images seem to have size and width set with in the img attribute I wonder if this is possible

Viewing 1 replies (of 1 total)
  • Thread Starter Adrian

    (@locka)

    well i should have worked at it a little harder turned out to be much easier than I thought. So for anyone else wishing to do similar i added this to the gallery custom CSS. I’m pretty sure it could be added to themes css if you want to work on all galleries the same. It’s also possible to change these for other screen sizes too but for me mobile where the worst.

    @media handheld, only screen and (max-width: 767px) {
.foogallery .fg-image {
    height: 90px;
    width: 140px;
}

    PS i also had to make some theme adjustments as well

Viewing 1 replies (of 1 total)
  • The topic ‘reducing the size of the gallery image on mobile’ is closed to new replies.