Hello [email protected],
in version 4.2 you are now able to upload a separate mobile image in your Anywhere Sliders plugin. It will show on resolutions less than 768px so you can have different proportions on it.
<link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=cyrillic-ext,latin-ext&display=swap' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Kelly+Slab&subset=latin,cyrillic&display=swap' rel='stylesheet' type='text/css'>
.fa:before, .fas:before, .far:before, .fal:before, .fad:before, .fab:before,
.fa:after, .fas:after, .far:after, .fal:after, .fad:after, .fab:after {
font-family: "Font Awesome 5 Free";
}
.is-in-stock {
color: green;
font-size: 18px;
font-weight: bold;
}
.is-out-of-stock {
color: red;
font-size: 18px;
font-weight: bold;
}
@media all and (min-width: 1025px) {
.product-grid .item-box .add-info {
opacity: 1;
position: relative;
height: auto !important;
border: 0;
}
.product-grid .item-box .product-rating-box {
opacity: 1;
margin-bottom: 10px;
}
.product-grid .item-box .buttons {
opacity: 1;
position: relative !important;
bottom: auto;
}
.product-grid .item-box .description {
display: none
}
.product-grid .item-box .buttons a:hover, .product-grid .item-box .buttons
input[type="button"]:hover, .product-grid .item-box .buttons .ajax-cart-button-wrapper:hover * {
height: 32px;
}
.product-grid .prices {
margin-bottom: 10px;
}
}