Why I see a panel above my widget

You might have noticed a bar above your widget on your website on desktop. Here's what it looks like:

Sometimes, due to quirks in some website builders, the bar may look cut off, like this:

Don't panic! This isn’t a bug. It’s called the Information Panel and it’s here to help you. Let's explain what it is!

In this article

What is the Information Panel

The Information Panel is a helpful tool that shows up only for you, the website owner, when you're logged in to your Elfsight account. It gives you quick access to:

1
A quick link to edit your widget directly—no need to dig through the Elfsight dashboard.
2
Your widget’s view statistics.

Your visitors won’t see this panel! To double-check, log out of your Elfsight account or view the page in Incognito mode, and the panel will disappear.

How to troubleshoot the Information Panel

On mobile devices, the Information Panel may sometimes cause extra padding or a horizontal scrollto show up, like this:

However, this doesn’t always happen. In some cases, the padding issue is caused by a style conflict, not the Information Panel itself. To troubleshoot:

  • Log out of your Elfsight account on your mobile device, or
  • Open the website in Incognito mode in your mobile browser.

This will help you determine if the Information Panel is the cause of the padding. If the issue persists, it could be a conflict with other styles on the page. In that case, feel free to reach out to our support team for further assistance.

How to hide the Information Panel

If the Information Panel is causing extra padding or a horizontal scroll on mobile, or if you simply don't want to see it anymore, you can hide it with a simple CSS code. Just add this code to the Custom CSS section of your widget:

.global-styles, .eapps-widget-toolbar {
  display: none !important;
}

You can find the Custom CSS section in the widget configurator, usually under the Appearance tab:

If you want to hide the panel for multiple widgets on the same page, just add the CSS code to one widget. It will hide the panel on all widgets on that page. To hide it across all pages, you can add the code to the <head> section of your website.

Did this article answer your question? Share your feedback: Thanks for sharing your feedback. It helps us grow! There was a problem submitting your feedback. Please try again later.

Still looking for assistance? Contact Us Contact Us