Hi Max! I recently found out I have this padding issue… in the blue shouldn’t be there
Hi there and welcome aboard, @Mike_Harhangi
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
Hi Max!
How it looks on your end is fine
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?
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?
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
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
Great, you’re always welcome