Happening now! Shopify Community AMA: PayPal Express Migration to Shopify Payments | Ask your questions to be answered by our team.

How can I display two collections side by side on mobile?

How can I display two collections side by side on mobile?

fiddystickers
New Member
5 0 0

Hi! I was really trying to search all day if there's an app or a code that can do this for my website? I want it to make 2 collections next to each other on mobile rather than on on top of each other. Similar to Fashionnova. I'll send a screenshot.

Replies 3 (3)

theycallmemakka
Shopify Partner
1688 406 424

Can you provide link to your store?? Also let me know which section needs to be next to each other on mobile. I ill review it and provide answer accordingly.

 

Thank you

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

fiddystickers
New Member
5 0 0

Hi! My store link is https://fiddystickers.com/

 

As an example. I would like Customer Favorites and Black n White to be next to each other. Something like the image attached below..Screenshot 2023-11-01 174155.jpg

BSS-Commerce
Shopify Partner
3477 463 542

Hi @fiddystickers ,

 

Image:

view - 2023-11-03T085638.475.png

 

Currently color stickers are located between black & white stickers and custom favorites

You can move COLOR STICKER to another place so that BLACK & WHITE STICKER and CUSTOM FAVORITE are next to each other.

 

view - 2023-11-03T090737.913.png

You add a div tag with class custom-fiddystickers wrapped in black & white sticker and custom favorites. Then insert the css code as follows:

 

.custom-fiddystickers {
    display: flex;
    margin-bottom: 16px;
}

This is the desired result:

 

view - 2023-11-03T091027.665.pngHope it helps @fiddystickers ! 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency