[bourdin.bruno]

Hello

On mobile If variable product/price the price overlap over the title

Please assist.
Thank you

[Althemist]

Hi bourdin.bruno,

In your case it’s pretty hard to make this work, as the prices in your currency are too long. The only thing that can be done is a bit of compromise. You’d need to break down the mobile layout earlier. It can only be done with CSS and media queries. Something like this:

@media only screen and (min-width: 300px) and (max-width: 379px) {
.lafka-products-list-view div.prod_hold .lafka-list-view-summary-wrap {
  width: 100%;
}
.lafka-products-list-view div.prod_hold:not(.lafka-variations-list-in-catalog) .links {
  width: auto;
}
.lafka-products-list-view .prod_hold .price_hold {
  top: 55px;
  max-width: 100px;
}
}

Hope this helps.

[bourdin.bruno]

Thank you for your feedback.
I understand and I will try as suggested.
Regards.

[Author]

Posts