Show the popup window inside the widget container

Ask the Community Customization
1

image
image854×641 113 KB

Show the popup window inside the widget container… currently the popup window apperars outside the widget .. at the top of the webpage.

3

Hi there, @yiwna_wais :waving_hand:

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

4

Hi Max,

Thanks for the reply… The link is “removed”

Regards

Yousif

5

Thank you!

I’ve noticed the location popup appeared at the very top (beyond the viewport) and we’ve fixed it with this code added to the Custom CSS field on the Settings tab of your widget’s settings:

@media (min-width: 768px) {
  [class*="Backdrop__BackdropContainer-sc"],
  [class*="Popup__PopupContainer-sc"] {
    position: fixed;
  }
}

Is it a result you wanted to achieve or you’d like to reduce the size of the popup, so that it wouldn’t show up beyond the map?

6

Hi Max,

The CSS code has resolved the issue for desktop and laptop views, but it has disrupted the popup in the mobile view, which was working correctly before the new code was added.

Regards

7

Ah, I am so sorry about this!

We’ve adjusted the CSS code:

[class*="Backdrop__BackdropContainer-sc"],
[class*="Popup__PopupContainer-sc"] {
  position: fixed;
}

[class*="location-card__Container-sc"],
[class*="location-card-popup__ScrollableWrapper-sc"] {
  max-width: none !important;
  max-height: none !important;
  overflow: unset !important;
  top: unset !important;
}

[class*="location-card-popup__StyledPopup-sc"] {
  max-width: none !important;
  max-height: none !important;
  overflow: hidden !important;
  top: unset !important;
}

[class*="widget__Container-sc"],
[class*="desktop-layout__MapContainer-sc"],
[class*="location-card-popup__StyledPopup-sc"],
[class*="location-card__Container-sc"],
[class*="location-card-popup__ScrollableWrapper-sc"] {
  z-index: unset !important;
}

Please check it out and let me know if everything is fine now :slightly_smiling_face:

8

Works perfect now … Many thanks Max!

Regrads

9

Awesome, you’re very welcome :wink: