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

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

liteleraja
Shopify Partner
21 0 6

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

Website - https://cdscds.store/

 

shopify-center.png

Replies 3 (3)

EBOOST
Shopify Partner
1281 326 382

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
2. Assets/footer.css
3. 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.

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤Coffee tips
liteleraja
Shopify Partner
21 0 6

Thank You . This worked .

One more help , please .

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

extraspace.png

EBOOST
Shopify Partner
1281 326 382

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;
	}
}
- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤Coffee tips