Hide badge on mobile devices

CSS Codes Reviews
1

Add the code below to the Custom CSS field on your Reviews widget’s Style tab:

@media (max-width: 475px) { 
	.es-badge-container {
		display: none !important;
	}
}

Guys, if this code was helpful to you, please drop a line in the comments. Your feedback helps us improve our services and provide better solutions :slightly_smiling_face:

2

A post was split to a new topic: Hide badge on mobiles

3

While this may hide the badge on mobile, it does not prevent the platform from loading it in the background (and possibly costing a “view”). Would be nice if the platform skipped loading it if the element was display: none;

8

Greetings and welcome aboard @avip :wave:

If you want to display your widget only on desktop and do not count views on mobile, replace the 1st line of the widget’s installation code with this script:

<script>
if (window.innerWidth > 440) {
  const elfPlatform = document.createElement("script");
  elfPlatform.src = "https://static.elfsight.com/platform/platform.js";
  elfPlatform.defer = true;
  elfPlatform.setAttribute('data-use-service-core', "");
  document.head.append(elfPlatform);
}
</script>

Test it out and let me know if it helped :wink: