Appointment Booking CSS

Ask the Community Customization
1

On mobile only - I would like to remove the rounded corners in the pop-up modal and margin on top the top as well so it can fill the screen. Can you provide this?

Thank you,

Shawn

1 Like
3

Hi there, @Shawn_Martin :wave:

Your request is with our devs now. I’ll update you once the solution is ready :wink:

4

Thank you for waiting!

We’ve added this code to the Custom CSS of your widget:

@media (width <= 540px) {
  [class*='Popup__PopupContent-sc'] {
    flex: 1 1 auto;
    height: 100%;
  }

  [class*='Popup__PopupInner-sc'],
  [class*='Popup__PopupContent-sc'] .es-embed-root,
  [class*='layout__Container-sc'] {
    height: 100% !important;
    padding: 0 !important;
  }

  [class*='WidgetBackground__Container-sc'],
  [class*='Background__Base-sc'] {
    border-radius: 0 !important;
  }
}

Check it out and let me know if you like the result :wink: