GK Rating rows and mobile

kotaworld

Hello!
I have a question for you about this fantastic plugin because I am not a pro in this stuffs.

In the mobile version of my website (try on this link) the rating voices (both rings and "properties") are superimposed because they are blocked in a single row.
How can I set them, for example, in two rows? or rather how can I optimize better this plugin in a mobile version?

Is it necessary to work on CSS style in the (/plugins/content/gkrating/assets/style.css) or there is a more easy way to figure out?

Thank you so much for your help
See ya

saguaros

Hi kotaworld

You can try this custom CSS:

@media (max-width: 576px) {
.gk-review-sum {
    width: 100%;
    padding-right: 0;
}

.gk-review-sum + .gk-review-partials {
    width: 100%;
    padding-left: 0;
}
}

kotaworld

Thank you so much, it worked