This topic has 2 replies, 2 voices, and was last updated 6 years, 11 months ago ago by Olga Barlow
If you go to Checkout page and have credit cards icon display next to payment methods.
The icons only appear on Chrome.
There is a CSS bug in your theme stopping Icons from appearing.
Chrome Display – Checkout
http://prntscr.com/f4g45l
FF/Safari – Checkout
http://i.imgur.com/UBdT2TJ.png
Same exact site, but as you can see only 1 icon appears on FF/Safari.
This CSS is causing the issue and needs to be removed.
payment_methods label img {
width: auto;
margin: 0 6px;
position: relative;
top: -4px;
/* max-width: 66px; */
<strong>max-width: -moz-max-content;</strong>
Hello,
You are using third-party plugin to add one more icon and it makes some CSS issues. Add the following code in custom CSS to fix the problem on your site
.payment_methods label img{
max-width: 150px !important;
}
Regards
You must be logged in to reply to this topic.Log in/Sign up