How to arrange collections into two rows with Booster theme?

Store Design
1

Currently using Booster theme - any way of stacking these collections so it’s two rows and 3 collections on each

Shop: TRL Apparel

Password: 100Percent

TRLapparel_0-1628507118406.png
TRLapparel_0-1628507118406.png1114×566 372 KB

2 Likes
2

@TRLapparel

Please enable right click to the store. I am not able to inspect elements of the store.

3

hello @TRLapparel

do you want to look like this https://nimb.ws/XBya3H

4

@TRLapparel

sorry for that issue can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/unicons.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
@media only screen and (min-width: 768px) {
#shopify-section-16283410850b657e22 .col-md-3 {
    -ms-flex-preferred-size: 33.3333%;
    flex-basis: 33.3333%;
    max-width: 33.3333%;
}
}
5

how do i go about doing that? sorry

6

hello @TRLapparel

please Go to Online Store->Theme->Edit code then go to assets/unicons.css ->paste below code at the bottom of the file.

@media screen and (min-width: 749px) {
#shopify-section-16283410850b657e22 .card--holder {
    flex-basis: 33.33% !important;
    max-width: 33.33%;
}
}
7

oh yep i found it! shold be all good

1 Like
8

@TRLapparel

its my pleasure to help us