So I have a slider image with an ad on it.
I have a featured product block with 3 products on it (but I want to add more to it)
Now my question is, on my site mobile view, it has one product, and then you scroll down and there’s another one and so forth. Is there a way in the code I can make it so there is 2 products side by side with each other not just one at a time?
1 Like
@Ctmph2022
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Hi @Ctmph2022 ,
Can you explain more about it? it’s not really clear for me to check.
If possible, send me a screenshot with a description on it. I will check it.
So for my “banner with image” and “featured product” sections I would like to (on mobile only) have two categories side by side each other and not stacked, so that way it’s easier to see more categories and requires less scrolling.
You can see it on a section of https://www.buybuybaby.com
It’s in the middle of the website, they have a section with two categories next to each other and then scroll down a tad and there’s two more. I’d like to know what code in my Judasona theme I need to edit and where, to make this happen.
1 Like
@Ctmph2022
This site can’t be reached
@Ctmph2022
did need this change home page or collection?
or may be send screenshot for this section
Hi @Ctmph2022 ,
Go to Assets > style.css and paste this at the bottom of the file:
@media only screen and (max-width: 767px) {
.banner-section .col-12 {
flex: 0 0 50% !important;
max-width: 50% !important;
}
}
it will show like this:
Hope it helps!