Responsive Gallery

  • mcmook

    (@mcmook)


    9 years, 4 months ago

    Love this theme. Is it possible to create a responsive gallery?
    Each project contains a 3 col sketch-square gallery. But these aren’t responsive on a phone, ie I’d like them to stack into 1 column to keep the gallery thumbnails looking pretty.

    Here is the gallery shortcode : [gallery size="sketch-square" ids="274,273,272,271,270,269,268,267,266"]

Viewing 4 replies - 1 through 4 (of 4 total)
  • chanceduponthis

    (@chanceduponthis)

    9 years, 4 months ago

    Perhaps you can try to find a plugin that provides responsive gallery. Such as nextgen gallery plugin
    https://ww.wp.xz.cn/plugins/nextgen-gallery/

    Moderator Kathryn Presner

    (@zoonini)

    9 years, 4 months ago

    Galleries in Sketch should be responsive by default. If they aren’t, could you please provide a link to a page or post on your site with a gallery that doesn’t look right on mobile?

    Also let me know:

    – what device are you using (i.e. iPhone 5s)
    – what OS? (i.e. iOS 10.0.2)
    – what browser? (i.e. Safari)

    Thread Starter mcmook

    (@mcmook)

    9 years, 2 months ago

    Apologies for the delay in responding. Here is the link.

    https://lesleymclaren.co.uk/portfolio/landscapes/

    I’m using iOS 10 on an iPhone6, but same on a number of other devices.
    Tested in IE/chrome/ff

    Thanks

    Chad Chadbourne

    (@shireling)

    9 years, 2 months ago

    Hi @mcmook!

    I think I see what you mean – instead of maintaining three columns, and scaling the images down, you’d like the alignment to change.

    You can give this CSS a try, it looks at any three column gallery on small screens and shifts it to a single column:

    @media screen and ( max-width: 680px ) {
    .gallery-columns-3 .gallery-item {
        max-width: 100%
    }
}

    Give that a try and let us know what you think!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Responsive Gallery’ is closed to new replies.