Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

2 Columns Wall Gallery Mobile View



Site URL: https://tarynjohnson.com/illustration

I have a page on my website that is a gallery wall. I would like it to display 2 columns when in mobile view (currently it is 1 column).

How can I do this? Thanks!

(I realize this question has been asked many times - I've tried the code in some of the other responses and it didn't work. Thank you in advance!)

Link to post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

1 answer to this question

Recommended Posts

  • 0

Hi. Add to Design > Custom CSS

/* Summary 2 items mobile */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1544994053402_31291 .summary-item-list {
    display: grid !important;
    grid-template-columns: repeat(2,1fr) !important;
    height: auto !important;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
div#block-yui_3_17_2_1_1544994053402_31291 .summary-item {
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    top: 0 !important;


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...