I am experiencing an issue with the "Interactive Posts" section on mobile devices when using the Safari browser. When I click on a project in this section, the cover appears as expected. However, after navigating to the project and returning to the homepage, the cover remains visible, even when I scroll through the site (please see the attached screen recording).
This behavior does not occur in the Chrome browser on mobile, where everything functions correctly.
Could you kindly assist me in resolving this issue to ensure consistent functionality across browsers? Your help would be greatly appreciated.
Do you want to make sure that in the first click on the interactive posts, it shows the image, and then if you click again, it will send you inside the post?
If so, please let me know so I can proceed to add some custom code that allows us to do that.
I've just fixed the issue by adding the following script to the page via the HTML widget, can you please take a look at it?
<script>
window.addEventListener("pageshow", function () {
// Select all elements with the "active" class
const activeImages = document.querySelectorAll(".m-neuron-interactive-posts__image.active");
// Remove the "active" class from all elements
activeImages.forEach(image => {
image.classList.remove("active");
});
});
</script>
Dear Support Team,
I am experiencing an issue with the "Interactive Posts" section on mobile devices when using the Safari browser. When I click on a project in this section, the cover appears as expected. However, after navigating to the project and returning to the homepage, the cover remains visible, even when I scroll through the site (please see the attached screen recording).
This behavior does not occur in the Chrome browser on mobile, where everything functions correctly.
Could you kindly assist me in resolving this issue to ensure consistent functionality across browsers? Your help would be greatly appreciated.
Thank you for your time and support.
Best regards, Gosia
Attached files: screenrecording-01-10-2025-08-58-58-1_FHJpfBUw.mp4
Hi,
I am very sorry for the late reply, we were not working on the weekend.
Can you please provide me with your wp-admin, I will have a quick look to see what's going on.
Feel free to ask for anything you need.
Kind Regards
Hi Gosia,
Do you want to make sure that in the first click on the interactive posts, it shows the image, and then if you click again, it will send you inside the post?
If so, please let me know so I can proceed to add some custom code that allows us to do that.
Feel free to aks for anything you need.
Kind Regards
Hi Gosia,
I've just fixed the issue by adding the following script to the page via the HTML widget, can you please take a look at it?
<script> window.addEventListener("pageshow", function () { // Select all elements with the "active" class const activeImages = document.querySelectorAll(".m-neuron-interactive-posts__image.active"); // Remove the "active" class from all elements activeImages.forEach(image => { image.classList.remove("active"); }); }); </script>Feel free to ask for anything you need.
Kind Regards
Hello,
I truly appreciate your support—thank you!
Best regards,
Gosia
You're welcome anytime, feel free to ask for anything you need.
Kind Regards