Hide widget on mobile

Ask the Community Customization
1

widget (floating badge) looks great on desktop and 99% of my visitors are on desktop, how can i hide this on mobile?

thanks

1 Like
2

Hi @Takeshi and welcome to the forum! :hugs:

Sure, this CSS code should help you hide the widget on mobile. Please add it to Custom CSS field on your widget Appearance tab:

@media (max-width: 475px) { 
	[class*="BadgeContainer__Inner-sc"] {
		display: none !important;
	}
}

Please let me know if it worked!

3

thank you very much Helga.

1 Like
4

Anytime!