Issue with padding in Announcement Bar

Hi Max! I recently found out I have this padding issue… in the blue shouldn’t be there :backhand_index_pointing_down:

2 Likes

Hi there and welcome aboard, @Mike_Harhangi :waving_hand:

I’ve checked your website on my smartphone and here is how the widget looks on my end:


You’d like to move the bar text to the left to display it with the button in 1 line, am I right?

If I misunderstood your idea, please describe it in more details :slightly_smiling_face:

Hi Max!

How it looks on your end is fine :slightly_smiling_face:

I’m using a mobile Google Chrome Browser, and on my end it looks like the screenshot I’ve shared (it makes the mobile page wider and doesn’t show the button).

I’ve also checked on another phone (Samsung browser) and there it’s like your screenshot, perfectly fine.

Maybe it’s a browser issue?

1 Like

Got it, thanks!

I’ve checked it on my mobile Chrome browser, and it displays fine there as well. Could you let me know which device you’re using and the exact version of Chrome you have?

It’s a one plus 9 pro , I’ve uploaded a screenshot of the Chrome browser

1 Like

The extra padding you’re seeing is caused by an informational panel that only appears to you as the widget owner.

This means your website visitors see the widget displayed correctly without any padding.

To hide this panel on mobile devices, we’ve added this code to the Custom CSS field in your widget’s Style settings:

@media(max-width: 600px) {
  .global-styles,
  .eapps-widget-toolbar {
    display: none !important;
  }
}

So, this panel and padding won’t appear on your end either :slightly_smiling_face:

1 Like

Thanks Max! Just an update… my phone had an update to android 13, this also fixed the issue within the Chrome Browser.

Thank you for the support :+1:

1 Like

Great, you’re always welcome :wink: