Code to make payment logos all in one line

Solved
MSM2020
Excursionist
15 0 4

Hi, 

Is there a code to make all of the payment logos appear in one line on desktop? I use the Brooklyn theme 

Screen Shot 2021-02-15 at 8.22.04 pm.png

0 Likes
CANDISOFT
Shopify Partner
1042 140 463

 @MSM2020  please share your site url so that I can give you exact solution.

candisoft100@gmail.com
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.
0 Likes
MSM2020
Excursionist
15 0 4

myschoolmemories.com.au

0 Likes
CANDISOFT
Shopify Partner
1042 140 463

@MSM2020 , for making payment icons in 1 kine, you will need to make footer sections in 3 parts rather than 4 parts.

candisoft100@gmail.com
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.
0 Likes
Jason
Shopify Expert
10205 138 1928

I wouldn't worry about it. Depending on the screen size you'll find the columns will stretch/shrink and on mobile drop down to just 2. Even at 2 columns it will still wrap over a couple of lines so the suggestion above won't help.

Is that currency switcher supposed to be at the bottom of the page? Not a place that customers would generally go looking for it, so perhaps a better thing to focus on.

I jump on these forums to help and share some insights. Not looking to be hired, and not looking for work.

Don't hand out staff invites or give admin password to forum members unless absolutely needed. In most cases the help you need can be handled without that.


★ http://freakdesign.com.au ★
0 Likes
dmwwebartisan
Shopify Partner
5370 1237 1584

This is an accepted solution.

@MSM2020 

Please add the following code at the bottom of your assets/timber.scss.liquid file.

@media only screen and (min-width: 769px){
.site-footer__payment-icons { position: abosolute; }
}

 

Maybe this trick will work.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
MSM2020
Excursionist
15 0 4

Thank you, there was a typo in the code but it worked!

 

Thanks