Issue with hidden widget elements

Hi there,

We’re having issues on a website we plan on launching this week. In particular with a ‘DesignMyNight’ booking widget.

https://preview.webflow.com/preview/q-shoreditch?utm_medium=preview_link&utm_source=dashboard&utm_content=q-shoreditch&preview=ca87400088c57f1f634a63427f13dfd0&mode=preview

Navigating to the /pool-casino page, you will find 3 widgets 1. in the Book Now dropdown. 2. In the Pool tab and 3. in the Casino tab.

The pool Tab (being the first visible booking widget) displays fine, but the other 2 have their #dmn-widget-inner height reduced to 0px, this should keep at 400px.

Book now widget

<link rel="stylesheet" type="text/css" href="//[onsass.designmynight.com?theme=dark&body-text-color=%23d3b298&primary-color=%23d3b298&background-color=%23122223&widgetNum=1](http://onsass.designmynight.com/?theme=dark&body-text-color=%23d3b298&primary-color=%23d3b298&background-color=%23122223&widgetNum=1)"><script src="//[widgets.designmynight.com/bookings-partner.min.js](http://widgets.designmynight.com/bookings-partner.min.js)" dmn-booking-form="true" venue="512b2028d5d190d2978ca39a" hide-offers="false" hide-powered-by="false" search-venues="false" monday-first="true" custom-source="Own Website" google-analytics-code="null" return-url="https://www.q-shoreditch.com/thank-you"></script>

Pool widget

<link type="text/css" href="//[onsass.designmynight.com?theme=dark&body-text-color=%23d3b298&primary-color=%23d3b298&background-color=%231a4444&widgetNum=2](http://onsass.designmynight.com/?theme=dark&body-text-color=%23d3b298&primary-color=%23d3b298&background-color=%231a4444&widgetNum=2)"><script src="//[widgets.designmynight.com/bookings-partner.min.js](http://widgets.designmynight.com/bookings-partner.min.js)" dmn-booking-form="true" venue="512b2028d5d190d2978ca39a" hide-offers="false" hide-powered-by="false" search-venues="false" monday-first="true" allowed-types="5cdc19cbcb616d13967246a9" custom-source="Own Website" google-analytics-code="" return-url="[www.q-shoreditch.com/thank-you](http://www.q-shoreditch.com/thank-you)"></script>

We were hoping the following code would override the issue;

#dmn-partner-widget #dmn-widget-inner .stage .scroll-height {height: 400px}

But with no avail.

Let me know your thoughts and if you have any ideas on a workaround.


Here is my site Read-Only: https://preview.webflow.com/preview/q-shoreditch?utm_medium=preview_link&utm_source=dashboard&utm_content=q-shoreditch&preview=ca87400088c57f1f634a63427f13dfd0&mode=preview

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.