How to hide a widget on mobile

Want to hide the widget on mobile devices? We’ve got a solution!

@media (max-width: 480px) {
	.global-styles,
	.elfsight-app-WIDGET_ID {
		display: none;
	}
}

Replace WIDGET_ID in the 3rd line of the code with the ID of your widget and add the resulted code to the Custom CSS field in your widget’s settings.

Note: The code works for all apps :slightly_smiling_face:

2 Likes