Payment icons are not correctly displayed on the mobile version
-
Hallo,
I have added the payment icons to the website. On the computer the icons are neatly placed in the lower right corner. As soon as you go to the mobile display, the icons will appear in the lower left corner.
How can I make sure that the icons are placed in the middle when the customer is using a mobile or tablet?
Hello,
To display those payment icons in the center of the screen when the customer is using a mobile or tablet. Please insert the below css code in Theme Setting >> CUSTOM CSS >> Custom CSS for mobile and Custom CSS for tablet:
.min-footer .col-right {
text-align: center;
}
And make sure that you are using those payment icons in the “Text next to copyrights” in Theme Settings >> Footer with Copyrights layout as 2 columns as in the screenshot: https://jmp.sh/ZyPdN91
Best Regards.
Hello,
Thank you for your answer. I have made your instructions on the website only the payment icons remain on the left side.
Would you look for me again?
Thanks!
Hello,
Could you please share your site admin login credentials so I can access your admin area and help you out.
Best Regards.
Hello,
I have placed my data in the secure environment (private content).
I’d like to know what it was.
Hello,
Your problem is resolved. Actually you missed a tag in the Copyrights text. That’s why it disturbs the styling. I just add that missing tag at the end of line and undo that custom code for tablet and mobile screens and it fixed the issue.
Tag which was missing, I pointed out in this screenshot: https://jmp.sh/7SrhUdv
Screenshot for mobile screens: https://jmp.sh/6iD70yi
Best Regards.
.
