Add this code to the Custom CSS field on the Style tab of your Reviews widget’s settings:
.es-badge-container * {
align-items: flex-start;
}
Add this code to the Custom CSS field on the Style tab of your Reviews widget’s settings:
.es-badge-container * {
align-items: flex-start;
}
On the Google review badge, it doesn’t help because the main div, blocks everything else that is hovering in the middle of the screen.
The main div container should be moved to the left with the badge container and not just the badge container, and thats>
@media (width <=480px) {
.slide-in-position-container {
justify-content: flex-start;
padding-left: 10px;
}
}
And I’m not happy doing this debugging every 30 days! And I did ask that you provide me the exact classes so I don’t have to guess, hopefully this will last longer than the previous “fix”.
You’re welcome!
Hi there and welcome to the Community, @user5837 ![]()
I’d like to explain that this code aligns the elements inside the badge to the left, not the badge itself. I’ve checked the code in my test widget and it worked great:
If you change the position of the badge itself, you can choose the option in the settings:
In case it doesn’t work for you or misunderstood your issue, please share a link to the page with the widget and describe it in more detail. I’ll be happy to help ![]()