mobile side-by-side images vs. stack

20 hours ago, tinypops said:

I'm trying to bring these date images (filter buttons) side-by-side like they appear on desktop instead of the default mobile stacking. 
Any css that can help? 

 

site:https://contrabass-round-d5yj.squarespace.com/agenda
pass:wethepeoplesbefore

Hi @tinypops,

Try adding to your Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  #schedule-main .Index-page-content .row > .col > .row:nth-child(2) {
    display: flex;
  }

  #schedule-main .Index-page-content .row > .col > .row:nth-child(2) > .col {
    width: 20% !important;
  }

  #schedule-main
    .Index-page-content
    .row
    > .col
    > .row:nth-child(2)
    > .col:first-child {
    display: none;
  }
}

Let me know how it works on your site 

Press 👍 or mark this answer as solution to help another one too