csgersbeck Posted August 30, 2023 Share Posted August 30, 2023 (edited) I'm going insane trying to figure out how to have my Twitch channel embedded with chat on my website, but have it be a responsive embed. Here is where I've got it embedded: https://dumb-industries.com/dumb247 Here's the code I'm using in the Code block, which all works completely fine, but if I set width or height to "100%" the embed stops working altogether. I currently have it set to 1400 width, which is the same width of the website. But if you view it on mobile, you just see a gigantic Twitch window. <html> <body> <!-- Add a placeholder for the Twitch embed --> <div id="twitch-embed"></div> <!-- Load the Twitch embed JavaScript file --> <script src="https://embed.twitch.tv/embed/v1.js"></script> <!-- Create a Twitch.Embed object that will render within the "twitch-embed" element --> <script type="text/javascript"> new Twitch.Embed("twitch-embed", { width: 1400, height: 720, channel: "dumbindustries", // Only needed if this page is going to be embedded on other websites parent: ["dumb-industries.squarespace.com", "dumb-industries.com"] }); </script> </body> </html> I know there's likely some Custom CSS that needs to be added to make it work, but everything I've tried doesn't work. I am not a coder by any means so any help would be so greatly appreciated! Thank you!!! Edited August 30, 2023 by csgersbeck Link to comment
tuanphan Posted September 2, 2023 Share Posted September 2, 2023 It looks fine to me. Did you solve it? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment