diff --git a/apps/scandic-web/components/MeetingPackageWidget/meetingPackageWidget.module.css b/apps/scandic-web/components/MeetingPackageWidget/meetingPackageWidget.module.css index 2420c6309..9db369786 100644 --- a/apps/scandic-web/components/MeetingPackageWidget/meetingPackageWidget.module.css +++ b/apps/scandic-web/components/MeetingPackageWidget/meetingPackageWidget.module.css @@ -2,8 +2,6 @@ width: 100%; max-width: var(--max-width-page); margin: 0 auto; - /* Hiding widget on mobile for now as the widget is not ready for mobile use at the moment */ - display: none; } .widget.isLoading { @@ -14,6 +12,5 @@ @media screen and (min-width: 948px) { .widget { background-color: var(--Base-Surface-Primary-light-Normal); - display: block; } } diff --git a/apps/scandic-web/components/StickyMeetingPackageWidget/stickyMeetingPackageWidget.module.css b/apps/scandic-web/components/StickyMeetingPackageWidget/stickyMeetingPackageWidget.module.css index dfe9a7376..f28404fd3 100644 --- a/apps/scandic-web/components/StickyMeetingPackageWidget/stickyMeetingPackageWidget.module.css +++ b/apps/scandic-web/components/StickyMeetingPackageWidget/stickyMeetingPackageWidget.module.css @@ -5,3 +5,11 @@ box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.08); z-index: var(--booking-widget-z-index); } + +/* Temporary solution to show the Meeting package widget on mobile, but nonsticky */ +/* Meeting booking widget changes design at 948px */ +@media screen and (max-width: 947px) { + .wrapper { + position: unset; + } +}