Help Me - How to center Copywrite & Payment Icon in Footer Mobile View ?

Store Design
, ,
1

Help Me - How to center Copywrite & Payment Icon in Footer in Mobile View ?

Website - https://cdscds.store/

shopify-center.png
shopify-center.png500×686 51.1 KB

1 Like
2

Hi @liteleraja ,

May I suggest to update code these steps to center payment icons on mobile:

  1. Go to Store Online-> theme → edit code

EBOOST_1-1672356985580.png
EBOOST_1-1672356985580.png532×438 15.6 KB

  1. Assets/footer.css
  2. Add code below to end of file
@media(max-width: 749px){
  .m-payment-icons .m-payment-icons--list{
    justify-content: center;
  }
}

And it seems the copyright is centered.

1 Like
3

Thank You . This worked .

One more help , please .

How to remove EXTRA SPACE at bottom/footer in mobile view ?

extraspace.png
extraspace.png500×686 40.2 KB

4

Hi @liteleraja ,

May I suggest add code below to Assets/base.css

@media(max-width: 749px) {
	body .m-footer--bottom {
		padding-bottom: 0;
	}

	body .m-footer__copyright {
		margin-bottom: -24px;
	}
}