Hide AI Summary on mobile devices

option to cancel AI rating in the mobile version

1 Like

Thank you for this suggestion, @Artur_Narusevic!

Although there is no built-in option to hide an AI Summary post for mobile devices, we’ve put together CSS codes to help you with that :slight_smile:

Depending on the layout, choose the CSS code and it to Custom CSS field on your widget Style tab:

Grid Layout

@media(max-width: 600px) {
  .es-grid-layout > *:first-child {
    display: none !important;
  }
}

Masonry

@media(max-width: 600px) {
  .es-masonry-layout > *:first-child {
    display: none !important;
  }
  .es-header-component-top {
    margin-bottom: 0;
  }
}

List

@media(max-width: 600px) {
  .es-list-layout > *:first-child {
    display: none !important;
  }
}

Unfortunately, it won’t work smoothly with the Carousel layout, so I didn’t post it here. Hope it helps! :slight_smile:

1 Like