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.
CSS Toggle Switch - Both Layouts.hype.zip (31.8 KB)
CSS Toggle Switch - 414 Layout.hype.zip (19.1 KB)