Code to make payment logos all in one line

Solved
MSM2020
Excursionist
14 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
986 142 447

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

For Contact : 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
14 0 4

myschoolmemories.com.au

0 Likes
CANDISOFT
Shopify Partner
986 142 447

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

For Contact : 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
10039 119 1876

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.

★ Winning Partner of the Build a Business competition. ★ http://freakdesign.com.au
0 Likes
dmwwebartisan
Shopify Partner
4537 1019 1317

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
14 0 4

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

 

Thanks