Hi, i’ve added a custom HTML page in my template, and then added in an iframe. https://j4theqdjs4v4xbsf-74866557205.shopifypreview.com Here is a preview of the site, my question is how do I expand the width of that iframe be as wide as the monitor displaying it, and begin at the top of the page wi…

Hi @levon , Please follow the instructions below to make the iframe wide and on top From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code Go to Asset folder and open the theme.scss.css file At very end of the code, add the code below di…

oh wow, this was great and works! However, under my iframe I have the following text when previewing “.element { width: 100%; /* set width to 100% */ }” https://j4theqdjs4v4xbsf-74866557205.shopifypreview.com

checked ‘theme.scss.css file’ and cannot find that code, using ctrl+f

How can I expand an iframe width to fit the entire monitor display?

Technical Q&A

made4Uo April 28, 2023, 6:12pm 4

Hi @levon ,

The code is entered inside the section. Please go to that section and delete the said code.

Topic		Replies	Views
How to set iframe to full page width? Shopify Discussion troubleshooting	9	237	June 13, 2023
How To Make the iFrame on One Page Full Width in Dawn Theme Store Design css , html , shopify-theme	4	176	May 3, 2024
iFrame code in a page not showing up in front end Store Design design , shopify-themes	6	192	December 5, 2022
Need help adjusting left/right padding for a Page Store Design customizations , css	4	110	January 2, 2024
Max width for iframe in shopify Store Design design	5	70	July 12, 2024

How can I expand an iframe width to fit the entire monitor display?

Related topics