Floating badge could be smaller on mobile

[Cedric48 (cedric QUENTIN)]

Tool improvement: floating badge could be smaller on mobile

[Helga]

Folks, our former Wishlist portal, where our users shared their requests and suggestions, was transferred to this forum. You’re most welcome to vote, add new ideas, and leave your comments here — we surely will consider them all!

Original Votes: 2

[Max]

While this option isn’t available in the settings, you can adjust the badge size on mobile using this CSS code:

@media (max-width: 475px) {
	[class^="BadgeContainer__Inner-sc"] {
		transform: scale(0.7);
		transform-origin: left bottom;
	}
}

In the last line of the code, set your widget’s position right/left; top/bottom

[user11975]

where do i put this code?

[Max]

Hey there @user11975

This code should be added to the Custom CSS field on the Style tab of your widget’s settings:

[Helga]

Great news: this feature request is in the Design stage now!

We’ll keep you updated on the progress

[Helga]

Update: the feature moved to the Development stage!

[Max]

Hey everyone!

Great news — we’ve made badges smaller on mobile devices, so they now take up less space and fit seamlessly into the design of your websites. It’s a small change, but we hope you’ll feel the difference

We’ve also released a bunch of other cool features for the Badge layout. Check this post for more details - Reviews: [MAJOR UPDATE] New badge designs, flexible position adjustment, display triggers and more!🔥