Hi guys,
PHP 7.4.27 + Joomla 3.10.5 + Solidres 2.12.6 - I found the "BUG" and here is the Fix:
1
With 2.12.0 you added the CSS code:
@media (max-width: 480px)
span.rating-wrapper {
display: block;
}
to fix the rating stars responsive issue on the Property Page and Properties List menu item. But, considering that:
- You cannot know the Property Name length in advance
- The stars have to be be all together, in one line, not treated as separated stars
You should to delete that code and to add this:
span.rating-wrapper {
display: inline-block;
}
That's All, without @media restriction
2
Anyway, to prevent the fact that it is not possible to know the length of the structure name in advance, you should to use pure CSS Grid feature instead to follow Bootstrap col-md-9 / col-md-3 on Property Name / Rating Stars / Whish List, as I suggested on my ticket ID KLkDdbpVjfh.
At least vertical space on mobile should not be wasted and the Whis-List icons should always be (right aligned) on the same Rating Stars line (which can never take up more space than 5 stars) - I add two images for you
