Justified Gallery mobile layout

  • Resolved oscash

    (@oscash)


    1 year, 9 months ago

    Hello FooGallery team,

    Using a Justified Gallery because of it’s lovely responsiveness filling the entire content width of the page. The visual display on desktop and tablet is perfect.

    On mobile, the mix of portrait and landscape sizes clash. Due to the height configuration, sometimes a single image will float in the centre with gaps on either side, instead of resizing two images side-by-side to fill the content width space.

    Screenshots-
    Justified Desktop: https://ibb.co/dcRXKC2
    Justified Mobile: https://ibb.co/sQh4jSj

    Row height: 250
    Max row height: 380
    Margins: 5

    If I lower the row height, the pictures are too small on a desktop view, and it doesn’t fully solve the mobile issue (eg. square images). Is there a way to force two columns for a Justified Gallery once the screen size hits the mobile breakpoint? I know this will force some photos to be smaller, but it’s better than having them float awkwardly alone. Would much prefer to use Justified Gallery layout over Masonry Image Gallery.

    Thanks in advance.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support elviiso

    (@elviiso)

    Hi @oscash

    I’ll be happy to help you out with this. First, kindly share a link to the page that the gallery has been added to so that I can have a look at it from my end and run some tests as I come up with a solution for you. Thanks in advance for doing so.

    Kind regards,
    Elvis.

    Thread Starter oscash

    (@oscash)

    Hello @elviiso, here is the link to the gallery. Cheers!

    Plugin Support elviiso

    (@elviiso)

    Hi @oscash

    Unfortunately, it is not possible to have a gallery created using the Justified Gallery template to have only two columns when viewed on mobile devices.

    This is because this gallery template works by placing items into rows using JS, not columns. To make it have two columns, you’ll have to switch to the Masonry layout, which can be easily modified to display two columns on mobile devices.

    Kind regards,
    Elvis.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Justified Gallery mobile layout’ is closed to new replies.