I have created a popup that plays a video when a certain button is clicked. It works fine on the desktop view but has issues on mobile. When the button on mobile is clicked the screen just flashes for a moment and then refreshes.
However, if I remove the trigger and just make the popup appear after a certain amount of time it works fine. I'm not sure what could be causing this issue. I have attached a video for you to reference.
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
Those are two different buttons. On larger screens the left grey button is showing and it triggers the popup, but on smaller screens it's swapped out for a red button, that is linked to the same page. And this linking refreshes the page before the popup would load.
I'm not sure what red button you are referring too. Yes there are two buttons one for desktop and one for mobile. They both are the same class to trigger the popup. How would you suggest fixing this issue to make the popup work right on mobile as well as desktop?
You will simply need to remove the linking from the button that appers on smaller screens. The smaller screen button has both a popup trigger and link set on it. And these two won't work together, as the button is clicked the link will be activated and the page will be reloaded, so the popup won't have a chance to appear.
I have created a popup that plays a video when a certain button is clicked. It works fine on the desktop view but has issues on mobile. When the button on mobile is clicked the screen just flashes for a moment and then refreshes.
However, if I remove the trigger and just make the popup appear after a certain amount of time it works fine. I'm not sure what could be causing this issue. I have attached a video for you to reference.
Hello Zf97,
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
Those are two different buttons. On larger screens the left grey button is showing and it triggers the popup, but on smaller screens it's swapped out for a red button, that is linked to the same page. And this linking refreshes the page before the popup would load.
I'm not sure what red button you are referring too. Yes there are two buttons one for desktop and one for mobile. They both are the same class to trigger the popup. How would you suggest fixing this issue to make the popup work right on mobile as well as desktop?
You will simply need to remove the linking from the button that appers on smaller screens. The smaller screen button has both a popup trigger and link set on it. And these two won't work together, as the button is clicked the link will be activated and the page will be reloaded, so the popup won't have a chance to appear.