How do I display 4 custom contents in a row?

Solved
eewee
Tourist
3 0 2

I am trying to display these 4 audios in one row instead of 2 rows. Can any one help me how to do this?

https://respekt.co/pages/for-business

Thank you for your help.

Screen Shot 2021-10-25 at 6.21.52 PM.png

Accepted Solutions (2)

Accepted Solutions
dmwwebartisan
Shopify Partner
9826 2237 3078

This is an accepted solution.

@eewee 

 Please try this code 1. Go to Online Store->Theme->Edit code 2. Asset->/theme.scss.liquid-->paste below code at the bottom of the file.

#shopify-section-bus1-custom-content .custom__item {flex: 0 1 25% !important;}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

KetanKumar
Shopify Partner
25061 2509 9072

This is an accepted solution.

@eewee 

sorry for that issue can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (min-width: 750px) {
#shopify-section-bus1-custom-content .custom__item {flex: 0 1 25%;}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 4 (4)
dmwwebartisan
Shopify Partner
9826 2237 3078

This is an accepted solution.

@eewee 

 Please try this code 1. Go to Online Store->Theme->Edit code 2. Asset->/theme.scss.liquid-->paste below code at the bottom of the file.

#shopify-section-bus1-custom-content .custom__item {flex: 0 1 25% !important;}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

KetanKumar
Shopify Partner
25061 2509 9072

This is an accepted solution.

@eewee 

sorry for that issue can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (min-width: 750px) {
#shopify-section-bus1-custom-content .custom__item {flex: 0 1 25%;}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

eewee
Tourist
3 0 2

Thank you so much for your help. It works perfectly.

eewee
Tourist
3 0 2

Thank you so much for your help. It works great!!!