Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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;
}
}
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;
}
}
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
User | RANK |
---|---|
222 | |
149 | |
63 | |
46 | |
45 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023