How to move payment icons to right in Dawn theme

Store Design
1

How i can move the payment icons from centre to right corner in Dawn theme.

1 Like
2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

1 Like
3

URL: https://www.abarcy.co/

Password: abarcyweb70

1 Like
4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find layout >section-footer.css and paste this at the bottom of the file:
.footer__localization:empty+.footer__column--info {
    align-items: end;
}

ZestardTech_0-1677501585084.png
ZestardTech_0-1677501585084.png1902×403 27 KB

1 Like
5

@jehan70

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > section-footer.css and paste this at the bottom of the file:
.footer__localization:empty+.footer__column--info {
    align-items: flex-end;
}
6

Hallo @jehan70

You can add code by following these steps to change

  1. Go to Online Store → Theme → Edit code > assets > base.css

paste below code at bottom(base.css)


**.footer__localization:empty+.footer__column--info {**
**align-items: end !important;**
**}**

If you require any further information, feel free to contact me.

Best regards,

7

Thanks it worked, but the container height remains the same.

8

Hello @jehan70

It’s GemPages support team and glad to support you today.

I would like to give you a solution to support you.

  1. Go to Online Store → Theme → Edit code.

  2. Open assets/section-footer.css file

  3. Paste add the code at the end of this file:

@media screen and (min-width: 750px){
.footer__content-bottom{
    max-width: var(--page-width);
    margin: 0 auto;
    display: flex;
}
.footer__content-bottom > .footer__content-bottom-wrapper{
    width: 50%;
}
.footer__content-bottom > .footer__content-bottom-wrapper:first-child{
    order: 2;
}
.footer__column--info{
   align-items: end !important;
}
}
@media screen and (max-width: 749px){
.footer__column--info {
    align-items: center !important;
}
}

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

9

@ZestardTech

It worked, but the container height remains the same.

10

Hallo @jehan70

You can add code by following these steps to change

  1. Go to Online Store → Theme → Edit code > assets > base.css

paste below code at bottom(base.css)

**@media only screen and (max-width: 749****px) ****{**
**.footer__content-bottom {**
**display: flex;**
**}** 
**.footer__content-bottom-wrapper.page-width:first-child {**
**order: 2;**
**}**
**}**

If you require any further information, feel free to contact me.

Best regards,