Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Move payment icons in footer in line with copyright text

Move payment icons in footer in line with copyright text

Potato777
New Member
5 0 0

I am using Dawn theme and would like to move the payment icons to be in the same line as copyright text and to move payment icons to the right side of footer. At the moment it's like the payment icons are one line above in centre and it looks messy. 

Replies 6 (6)

DitalTek
Shopify Partner
779 93 110

Hi,

To solved that, you can add the code bellow to section-footer.css file, and to finding that file you need to access

Admin -> Theme -> Customize Code -> assets -> section-footer.css

@media only screen and (min-width: 750px){
.footer__content-bottom .footer__column--info{
    flex-direction: row-reverse;
    justify-content: space-between;
 }
}

 

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or WhatsApp.
- Contact Support : Gmail | WhatsApp: +84 398999359
Potato777
New Member
5 0 0

That worked to move the payment icons to the right however it is still a line above copyright text. Do you know how to make it in same line so there is no space/extra line.

DitalTek
Shopify Partner
779 93 110

Can you share the store url here?

That thing will help to easy check and give to you suggestion.

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or WhatsApp.
- Contact Support : Gmail | WhatsApp: +84 398999359
Potato777
New Member
5 0 0

Screenshot 2023-10-22 at 12.33.10 am.png

See how the copyright text is a line below payment icons? anyway to align it all in one line?

PageFly-Oliver
Shopify Partner
878 190 184

 

Hi @Potato777 ,

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

 

<style>
@media (min-width: 750px){
footer .footer__column--info{
    flex-direction: row-reverse;
    justify-content: space-between;
 }
}
<style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Potato777
New Member
5 0 0

Do you know how I can move the copyright text up? 

Potato777_0-1698016576113.png