How to relocate payment icons in Broadcast theme?

[Eskild]

Hello

Does anybody know how I can move the payment icons from the bottom to the top in the footer?
Thanks

[Ecommpremium]

Hi @Eskild can you please share your store URL so I can provide a solution here for you!

[dmwwebartisan]

@Eskild

Please share your Sections/footer.liquid file code .

Thanks!

[dmwwebartisan]

@Eskild

Please add the following code at the bottom of your assets/theme.css file.

@media screen and (min-width:990px) {
.footer__payment {
    margin: 68px 63% 41px;
    text-align: right;
    top: 24px;
    position: absolute;
    float: right;
}
}

Hope this work.

Thanks!

[Zworthkey]

Hii, @Eskild
Kindly share your store URL so,
I can solve it perfectly.
Thank you.

[Eskild]

Thank you! It worked, but do you know how to make them a little bit bigger?

[dmwwebartisan]

@Eskild

Please share screenshot waht do you want !

Thanks!

[Eskild]

I would like to have the payment icons a little bit bigger, if possible

[dmwwebartisan]

@Eskild

Please add the following code at the bottom of your assets/theme.css file.

.footer__payment .payment-icon {
    width: 60px !important;
    height: 60px !important;
}

Thanks!

[Eskild]

Now one the VISA electron icon has jumped a line down, is it possible to get It on the same line as the others?

[dmwwebartisan]

@Eskild

Please share store URL.

Thanks!

[Eskild]

https://lulo-dk.myshopify.com
Password: craegi

[dmwwebartisan]

@Eskild

In my compter screen footer payment icon display same line Please check following screenshot

[dmwwebartisan]

@Eskild

css for mobile

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (max-width: 749px){
.footer__payment li { padding: 0 2px 5px 0 !important;}
.footer__payment .payment-icon {
    width: 50px!important;
    height: 50px!important;
}
}

Thanks!