Code to make payment logos all in one line

[MSM2020]

Hi, 

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

[CANDISOFT]

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

[MSM2020]

myschoolmemories.com.au

[CANDISOFT]

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

[Jason]

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.

[dmwwebartisan · 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! 

[MSM2020]

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

Thanks