Dear GAVICK template team,
I'm using the GK hotel template and I'm happy with it.
But when trying to create a pop up/ modal window with user content it is not working at all.
1) First I tried jquerymodal.js, by integrating the links to the scripts/css into the default.php of the template. It seems to work at fist, but that solution was not really stable, just showing the loading indication forever. No JS error appeared in the console.
2) I installed "MODALS" from Regular Labs. The links were working, but instead of the modal window just another HTML page was shown, I guess as a fallback. The plugin was configured to load its own jquery script. No JS errors appeared.
This behavior you can check at the bottom of the sub-page https://www.alterwirt-goldach.de/en/leisure-de
Click on: Travel Restrictions.
3) Finally I tried to use the JS-free HTML/CSS solution from Sahil at Codepen, https://codepen.io/sahil4test/pen/xERYvX
This is working basically, as you can see at https://www.alterwirt-goldach.de/en/, link "Travel Restrictions at the language switching module position.
However, when the layout switches to mobile at the 640 px breakpoint, this method does not have full access to overlay/ darken the entire screen. The overlay is then just darken the module position where it is triggered from.
And, more generally, I do have issues with scrolling in 1) and 3): I just scroll the background, not the modal panel.
Could you please give me an advice how to solve this, the one or the other way?
Thanks for your support! Best regards, Philipp
