Issue with Appointment Booking widget display on mobile

Ask the Community General Questions
1

Hello, I am having an issue with the Appointment Booking widget where the two horizontal arrows get displaced to strange locations when viewed on mobile.

appointment-booker-issue-on-mobile
appointment-booker-issue-on-mobile1179×2556 112 KB

This doesn’t happen when I preview the mobile view of the widget from Elfsight. Nor does it happen when I simply shrink my web browser down to mobile portrait width. It only happens when I view on on my phone.

Any ideas on how to get these arrows back in place?

Thanks!
Eddie

1 Like
3

Hi there, @Eddie_Shieh_Sac_Site and welcome to the Community :waving_hand:

Could you please send me a link to the page, where your widget is installed? I’ll be happy to look into this for you :slightly_smiling_face:

4

Hi Max!

Here’s the page I’ve installed the widget: https://sacsites.com/schedule-your-intro-call/

Thanks for your help.

Best,
Eddie

2 Likes
5

Hi there, @Eddie_Shieh_Sac_Site

The widget is influenced by the button class of your website platform.
../wp-content/uploads/elementor/css/post-4.css

image
image381×295 12.8 KB

This custom CSS code for the widget can fix this.

[class*="ButtonBase__ButtonContainer-sc"]{
  padding: 0px !important;
}
1 Like
6

That worked! Thank you!

2 Likes
7

@Eddie_Shieh_Sac_Site Happy to know that Sina’s code worked great for you!

In the meantime, we’d like to invite you to participate in our new contest, where you can win a 6-month extension for your subscription - May Contest: Create a Caption for Our Photo and Win 6 Months FREE! :rocket:

Check the details and join in :wink: