-
Posts
6 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by MarkVerlander
-
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;
}