The product image becomes different sizes when seen in Safari and also the styling gets messed up in Safari.The code:\[code\].woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left; margin-bottom: 2.992em; margin-right: 3.8%; padding: 0; position: relative; width: 22.05%; }.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img { display: block; height: auto; margin: 0 0 8px; transition: all 0.2s ease-in-out 0s; width: 100%;}\[/code\]It works fine with chrome, mozilla.
Safari browser styling issue in Wordpress woocommerce products listing
- Thread starter Mootie
- Start date