Responsive square layouts

  • Resolved cag8f

    (@cag8f)


    5 years, 9 months ago

    Hello. To my page I’ve added an Instagram feed, with layout=square, count=12, and columns=auto ([gallery type='instagram' columns='auto' more='See More Photos' count='12' thumb_size='200' layout='square']. This displays three columns at desktop width, then as screen width decreases, it switches to 2 columns, then 1 column (screenshots). As you can see in the screenshots, the two-column and one-column layouts possess significantly more white space than the three-column layout, and the images are not centered. I have two questions:

    1. When the layout switches to two-column, is it possible to increase the size of each image so that they occupy the full width of the row (so that there is minimal white space)? Then, when the layout switches to one-column, I’d like the images to again increase in size so their width is nearly the full width of the screen. This would be the ideal solution for me.

    2. If #1 is not possible, could I at least ensure that the images in the two-column and one-column layouts are centered horizontally? Currently they are left justified.

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Sayontan Sinha

    (@sayontan)

    Please see the second layout oddity for #2 above.

    Thread Starter cag8f

    (@cag8f)

    OK thanks, that worked to center my images.

    I assume then that increasing the size of the images is not possible? If not, I’d vote for that to be a feature–especially when the feed switches to a single column format. Seems like full width images might be more visually appealing in a single column layout. Just my opinion though.

    We can consider this resolved.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Responsive square layouts’ is closed to new replies.