Hi @mikewillochell
Please do as follows:
1. In these settings (as on this screenshot)
https://imgbb.com/JksPRrk
do actually remove the # character entirely from the “Link” field; I know it’s been suggested to add it but do remove it back
2. Then in “Button ID” also remove the # character entirely, leaving the word only; I’d also suggested changing word “service” there to something more unique to make sure that there’s for sure only one, single instance of it across the page; Let’s say you’d go for “servicepopup” – you would need to write just “servicepopup” (without quotes and the # character!) in “Button ID” field.
Then update the page to make sure changes are saved.
3. Then to go popup configuration and in behavior settings under Pop-up Trigger in “Click” section the “CSS Selectors” field include that Button ID but with # character here. So if you used “servicepopup” in Button ID, use “#servicepopup” here (again, no quotes).
Finally, do save settings, and since you are using Elementor, do go to “Elementor -> Tools -> General” page and use a button there to regenerate CSS. Then clear all cache on site/server and test it again in incognito (important!) browser window.
If it still doesn’t work, it would mean that there’s some unexpected conflict – as the popup/button configuration would certainly be fine. But first – please give it a go (even if you already feel like you tried that, please go exactly the steps I outlined again) and let us know about the outcome.
Kind regards,
Adam
