Make floating badge on mobile devices Smaller

Ask the Community Customization
1

The badge appears too large on mobile devices because its size is the same on both desktop and mobile versions. It would be nice if it was respectively smaller on mobile.

1 Like
3

Hi there @Air_Voel_CPAP :wave:

Sure, here is the code you need to add to the Custom CSS field on the Appearance tab of your widget settings:


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

Check it out and let me know if you like what you see :slightly_smiling_face: