Logo List on Mobile

Solved
Highlighted
Excursionist
15 1 0

Hi - Trying to get one of my Logo List sections on Debut theme to show 2 columns instead of one. 

0 Likes
Highlighted

Hello 
Please share your site url.
So that i can check and let you know.
May be you have to add css or customize header to display two column.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Excursionist
15 1 0
Hi it’s stoneandleafcbd.com
password sl123
0 Likes
Highlighted

Hello,

Can you please give me screenshot of Logo List sections

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted

Hello 

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

@media only screen and (min-device-width: 480px){
.logo-bar__item {
max-width: 30%!important;
}
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Excursionist
15 1 0

This is an accepted solution.

Thanks @oscprofessional for the code. It looks like it worked for the mobile but now the regular web view is skewed. Screen Shot 2019-11-05 at 10.26.05 PM.png

0 Likes
Highlighted

This is an accepted solution.

Hello 
Remove that css and add below css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

@media screen and (max-width: 600px){
.logo-bar__item {
max-width: 30%!important;
}
}

This will work for mobile and desktop view as per your requirement. 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
Highlighted
Excursionist
15 1 0

That worked - thanks! 

0 Likes
Highlighted
New Member
1 0 0

Do you know the css for having 3 or 4 columns in mobile, is this possible?

0 Likes