Debutify Theme: Logo List Mobile View

Solved
MichaelSquinty
Excursionist
16 0 4

image1.png                                                                              image0.jpeg

Does anyone know how to make it look like the second image. I want them spaced out instead of them being stacked on top of each other on mobile view.

Theme: Debutify

Website: skinreliever.com

Accepted Solution (1)

Accepted Solutions
oscprofessional
Shopify Partner
9187 1561 1927

This is an accepted solution.

Hello,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media screen and (max-width: 769px){
#shopify-section-161073060212815c62 li.logo-bar__item {
    display: inline-block;
    padding: 0px 5px;
}
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87

View solution in original post

Replies 2 (2)
oscprofessional
Shopify Partner
9187 1561 1927

This is an accepted solution.

Hello,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media screen and (max-width: 769px){
#shopify-section-161073060212815c62 li.logo-bar__item {
    display: inline-block;
    padding: 0px 5px;
}
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87

View solution in original post

Blissin
New Member
2 0 1

Hi OSC,

 

Just hoping on here as your advice to the original poster was very helpful. I'm looking to do the same thing but on the Debutify featured-columns-section 

I just want it to appear on one line on mobile. Would you please be able to help me at all? I've tried to work it out myself but don't know code in depth!

 

Thanks so much