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

MarkVerlander

Circle Member
  • Content Count

    3
  • Joined

  • Last visited

Personal Information

Recent Profile Visitors

59 profile views
  1. 7.1 Mobile Portfolio 1 Two-Column Grid

    I need to create a 'Portfolio 1' grid that is 4 columns on desktop and 2 columns on mobile. 

    I used tuanphan's code below to create a 'Shop' grid that is 4 columns on desktop and 2 columns on mobile. 

    Settings > Advance > Code Injection

    <style>
      @media screen and (max-width:767px) {
    .products.collection-content-wrapper .list-grid {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        grid-column-gap: 40px;
        grid-row-gap: 10px;
    }

    Screen Shot 2020-05-20 at 3.04.46 PM.png

×
×
  • Create New...