Welcome to Bannersnack Support

How to make the downloaded HTML5 design non-responsive?

As you may already know, all downloaded HTML5 designs are responsive by default but what if you want to use them as unresponsive designs?

No problem, we have a solution for you and first of all, you need to download the design in the HTML5 format and unpack it. Then duplicate the index.html file and rename it as "iframe.html" 


Edit the index.html file in an HTML editor like Notepad++ and replace all current code with this one:

<!DOCTYPE html>
    <body> <iframe src="iframe.html" width="design_width" height="design_height" scrolling="no" frameborder="0" allowtransparency="true" allow="autoplay" allowfullscreen="true"></iframe>


Don't forget to replace "design_width" and "design_height" parameters with the original size. 
Finally, save the HTML file and run it on your browser! Your downloaded design is now unresponsive! 


Please sign in to leave a comment.