Resize Ribbon Size

Anyone know how I could go about changing ribbon size for mobile. it over laps my column title on mobile only. if anything maybe remove it for mobile only? any customCSS?

1 Like

Hi @seltz, apologies for the long wait! :pray:t2:

Unfortunately, there is no built-in option to change a ribbon size, but you can use this CSS code as a workaround. Just add it to the Custom CSS section in your widget’s Appearance tab:

@media (max-width: 480px) {
  .es-ribbon-container {
        transform: scale(0.9);
    transform-origin: top right;
  }
}

Let me know if it worked :slight_smile:

Hi @Helga
I mean since a last widget update this is no longer up to date for newly created widgets

1 Like

Hi there, @Sina :wave:

Thank you so much for your comment!

Yes, after the latest Pricing Table update, the names of the element classes have been changed. We’ve adjusted the code in this thread, and now it should be working fine :slightly_smiling_face:

1 Like