How can I arrange three blocks side by side on my mobile store?

Store Design
1

Hello,

I had a particular question. I’ve figured out with the help of someone on here, how to put my sections side by side together on mobile version.

Now my question is, for one specific block only, how would I make it appear 3 next to each other instead of 2?

My website is www.littlelullabuy.com

2

Hi @Ctmph2022

I’m not sure if you are able to edit class for that specific section block, but please check below at first, change your class from ‘col-12’ to ‘col-4’ will get what you want

Kani_1-1659315503658.png
Kani_1-1659315503658.png737×136 8.9 KB

Kani_2-1659315517793.png
Kani_2-1659315517793.png784×445 113 KB

3

Hi, @Ctmph2022

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> style.css ->paste the below code at the bottom of the file.
@media only screen and (max-width: 766px){
.banner-section .col-12 {
    flex: 0 0 33%!important;
    max-width: 33%!important;
}
}