List Layout Browser Width
-
Hello.
This is an additional question on my previous ticket.
Can the layout of the products (where the attributes are bellow product title and not on right side) from browser width 768px and bellow to apply it to 1159px and bellow from the url below?
I mean this layout from print screen i attached to be applied from 1159px browser width and below.
Hi,
Try to add the following code snippet
@media (min-width: 769px) and (max-width: 1159px) {
div.product-list-item .product-wrapper {
flex-wrap: wrap;
text-align: center;
}
div.product-list-item:not(:last-child) .product-wrapper {
padding-bottom: 0;
border-bottom: none;
}
div.product-list-item .product-element-top {
flex: 1 1 100%;
max-width: 100%;
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
}
Regards
A big thank you again. It’s working!
.
