Aligning logo list on mobile view

Solved

Aligning logo list on mobile view

DeNova
Shopify Partner
8 0 0

I have a Logo list on my homepage and they are stacked when in Mobile View. I was wondering if there is a way to center the last Pinterest logo so it is not to the left. I would only want this to apply to the Mobile version and not the Desktop. I am using the Impact Theme.

 

Screen Shot 2024-06-14 at 11.17.12 AM.png

Accepted Solution (1)
suyash1
Shopify Partner
10711 1324 1699

This is an accepted solution.

@DeNova - add this css to the end of your theme.css file and check

@media screen and (max-width:749px){
.logo-list{display: flex; flex-wrap: wrap; justify-content: center;}
.logo-list__item{display: flex;   flex-basis: 48%;}
}
Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

Replies 5 (5)

suyash1
Shopify Partner
10711 1324 1699

@DeNova - can you please share this page link?

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
DeNova
Shopify Partner
8 0 0

@suyash1 Hey, thanks for the quick response the page is https://denovadetect.com/

suyash1
Shopify Partner
10711 1324 1699

This is an accepted solution.

@DeNova - add this css to the end of your theme.css file and check

@media screen and (max-width:749px){
.logo-list{display: flex; flex-wrap: wrap; justify-content: center;}
.logo-list__item{display: flex;   flex-basis: 48%;}
}
Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
DeNova
Shopify Partner
8 0 0

@suyash1 Thank you so much, that worked!

comercioservice
Shopify Partner
291 37 36

Please go to
1) Online store
2) Themes -> Edit theme
3) Layout
4) theme.css and paste this code on the end


 

.social-media {
    justify-content: center;
}​



 

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM
@DeNova  thank you
Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Need store customizations, bug fixing or development ? Contact with us -- Support form for quick quote!
BFCM Big Deals: Big savings 25% off -on our Shopify FAQs apps!