Actually I'm having a couple of issues with Behaviors, but the first is specifically related to Mobile Devices.
My site is https://finditallemall.com
It is a very large and complicated website incorporating 4 additional sub-domains that feed iFrame pages to the main site.
The site has 3 different versions of index pages, one each for Desktop, Laptop and Mobile Devices. When it loads it comes up on the Mobile Device Index as a default, but under the Options Tab there is an option for Device that will reload the site with one of the other Index pages.
Actually, there are 36 Index pages, of 3 different formats each having 12 different Skins; although at the moment the Laptop Index pages and the Mobile Index pages are virtually identical.
The site was built with the Desktop in mind, and the Mobile page was created later using elements from the Desktop page. In the lower left corner of the Mobile page (the default page the site loads to) there are a group of objects, that work using Behavior and Action, to slide a Panel out from under an iFrame. When the mouse is over this group, the title "Ambience" will appear, and there is also a Mouse Over function on the Blue and Red Chevron Buttons that "Open" and "Close" the object panel/tray. An invisible square over the Blue Chevron Button has a Behavior that Triggers the Action on the Panel Object to follow the Path and slide out from under the main iFrame in the page.
My problem is that the "buttons" work fine when using a mouse, but do not work on Touch Devices. How do I get a Behavior to trigger on a Mobile Device?
On the Triggers Tab of the Behavior Editor there are options for Mouse Button, Mouse Over and Key Press; but nothing seems to work to enable a touch device to Trigger the Behavior.
Is there a Key Press code that will allow for a Tap on a Touch Device to Trigger a Behavior, or is this just not possible within SS? If this is not possible, it limits all Interactive Behaviors to Non-Touch Devices, and would seem to be something that needs to be addressed, considering the current Mobile dominance of the Internet.
My other Behavior issue has to do with closing my sliding panels. If you go to the Options Tab and click on Device and then Desktop, your browser will be reloaded with the Desktop version. It has 4 of these sliding panels, that all work with a Mouse Click, and they work fine to open each sliding tray. Each tray is set to slide out at a certain speed, and I am happy with that part; but to close the trays, I could not figure out how to get the tray objects to slide back in. The "Reverse directions each cycle" option box does not seem to work as I would expect. Nothing I tried would get the trays to slide back in at a controlled speed; the only thing I could do was to have the Red Chevron Button Reset the path, bringing the tray object back to it's beginning position, hidden under the website.
The closing trays issue isn't really a big deal, they just snap shut instantly and maybe that is better; but the other issue with triggering Behaviors on a Mobile Device, is more of a problem for me. If I can't make that work, I may have to abandon the Ambience Panel on the Mobile pages. The point of making it separate from the other panels was to allow the "Ambience" to continue as a visitor moves about the site; even if it is closed and hidden under the main iFrame. I could use a "sticky" player, but I would rather have my sliding panel if I can.
I'd also like to ask for opinions on what I have done with iFrames, if anyone sees an issue about what I am doing that I haven't thought of, but this isn't really the right forum for that topic. I learned all of this "outside the box" so I tend to create that way too. I know this isn't the way things are done, it is my way and I'm curious what others think Please feel free to PM me with things that are not on topic here in this forum
Thanks in advance, for any solutions, input, advice or critiques that anyone may have.