Make all items appear in one row

Solved
winnado11
Explorer
50 0 24

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)

Accepted Solutions
BinalSavani
Shopify Partner
141 9 28

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.

Binal Savani | iDentixweb


- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!

View solution in original post

Replies 3 (3)
BinalSavani
Shopify Partner
141 9 28

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.

Binal Savani | iDentixweb


- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!

View solution in original post

winnado11
Explorer
50 0 24

@BinalSavani Thank you so much. Greatly appreciated!

BinalSavani
Shopify Partner
141 9 28

Hey @winnado11!

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

Binal Savani | iDentixweb


- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!