Hi There
I have many instant apps embedded on my website (URL in an iFrame), which is built with Wix and some of the webapp widgets are unresponsive (Zoom, Layers, Bookmarks, Legend). However, the exact same instant apps are also hosted on a client website and function perfectly.
Example on own website: https://www.forgesa.com/find-your-path/cape-winelands/jonkershoek-nature-reserve
On client website: https://www.capenature.co.za/reserves/jonkershoek-nature-reserve
On other pages on our website we host custom built WAB which are very unresponsive. We would like to migrate these soon to either Experience Builder or Instant apps but if the same responsive issue will occur then we will have to completely reevaluate our migration strategy.
Note: Tested on Chrome on multiple devices.
Any help would be much appreciated!
Solved! Go to Solution.
@MichaelHalley it looks like the widgets you mention are unresponsive because they are underneath an overlay that is part of that page. In this screenshot you can see there is a transparent overlay that is blocking access to the underlying widgets. This overlay is not part of the instant app and must come from the outer page. If you have the ability to change the CSS styles associated with the page you could try adding this rule to hide that overlay
#comp-ls7ub5hd{ display:none;}
@MichaelHalley it looks like the widgets you mention are unresponsive because they are underneath an overlay that is part of that page. In this screenshot you can see there is a transparent overlay that is blocking access to the underlying widgets. This overlay is not part of the instant app and must come from the outer page. If you have the ability to change the CSS styles associated with the page you could try adding this rule to hide that overlay
#comp-ls7ub5hd{ display:none;}
Hi Kelly
Woops! That's embarrassing - thanks for figuring that out!
When embedding Instant Apps modmomo widgets, ensuring responsiveness is crucial for a seamless user experience. Issues with non-responsive widgets often stem from conflicts between the host environment and the widget's design.