Solved

Make all items appear in one row

winnado11
Shopify Partner
181 0 72

Hello,

 

I need help to make these 3 items appear in one row on the laptop version. 

 

For the mobile version, these items appear in 3 rows, which is the layout I want. Please do not change the way it looks on the mobile version, just my above request for the laptop version 

 

Here is my website: https://wowberrybites.myshopify.com/

 

Thank you.

winnado11_1-1637825607979.png

 

Accepted Solution (1)

iCart_App
Shopify Partner
479 57 103

This is an accepted solution.

Hello @winnado11,

Please add this code in your theme.min.css file at the bottom.

.custom-content__blocks {
    display: flex !important;
}

@media only screen and (max-width: 768px){
.custom-content__blocks {
    display: grid !important;
}
}

Hope this will work for you. If the code does not work as expected then please remove it.

iCart Cart Drawer Cart Upsell App


- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more visit www.identixweb.com

View solution in original post

Replies 3 (3)

iCart_App
Shopify Partner
479 57 103

This is an accepted solution.

Hello @winnado11,

Please add this code in your theme.min.css file at the bottom.

.custom-content__blocks {
    display: flex !important;
}

@media only screen and (max-width: 768px){
.custom-content__blocks {
    display: grid !important;
}
}

Hope this will work for you. If the code does not work as expected then please remove it.

iCart Cart Drawer Cart Upsell App


- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more visit www.identixweb.com
winnado11
Shopify Partner
181 0 72

@iCart_App Thank you so much. Greatly appreciated!

iCart_App
Shopify Partner
479 57 103

Hey @winnado11!

It's my pleasure to help you out. Best wishes to you!

iCart Cart Drawer Cart Upsell App


- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more visit www.identixweb.com