I have two layouts: 320 px to 414 px and 414 px and up. On the first layout, a CSS toggle switch was placed and converted into a symbol. The switch uses the CSS file (loaded in the Head) and relevant HTML from https://ghinda.net/css-toggle-switch/
As viewed in the responsive design mode in Safari, the switch in the first layout works. When I created the second layout (414 px and up), the symbol carried over but its function as viewed in the browser has not. As a test, I created a new file by deleting the first layout. In this edited 414 px and up layout file, the switch works.
There appears to be a conflict with the symbol? Can someone point me in the right direction? Examining the CSS in the development tools has not helped me solve the problem.
Thank you.
CSS Toggle Switch - Both Layouts.hype.zip (31.8 KB)
CSS Toggle Switch - 414 Layout.hype.zip (19.1 KB)