Hi @feliciaoctocog
Thanks for sharing. I was able to import both these slide-ins to my test site and test them.
If I correctly understand, the issue is that on mobile devices one of those slide-ins – the “Picture Only” one that should be showing up once only – is not showing up at all, right?
At list this is what I could observe there.
The issue here is related to the “layering” of the popups – how they are displayed and triggered on the mobile device. Both are showing up at the same time but the “Picture Only” one is covered by the “Hiring” one – so it’s essentially invisible.
You only see the “hiring” one and don’t see the “picture only” one even though it is there. Once you reload/re-visit the page, that “Picture only” one is no longer displayed, as expected according to visibility rules.
On desktop it’s a bit different due to how these popups are designed and to a slightly different “handling” of popups in CSS (for responsive designs).
Solution to this is to add a simple CSS rule to the site:
1. First, go to Hustle and enter that “Picture Only” slide-in for editing and then look at the URL in browser address bar; you’ll see a number after the “&id=” part of URL. Note down that ID.
2. Now in this code
.hustle_module_id_58 {
z-index:999999!important;
}
replace the number 58 with the number you found in step 1
3. and put the code in “Appearance -> Customize -> Additional CSS” option on site or other custom CSS option of your current theme; do NOT put it in custom CSS in Hustle as it will not work there
Once you save the code and clear all cache, it should be fine. Note though: you may need to also either use incognito mode in mobile browser or clear cookies first in order to see it in action.
Best regards,
Adam
