Shopify themes, liquid, logos, and UX
I have embedded an excel sheet on my website using iframe. I have set the container size to be 100% of the browser page and set the iframe width/height to be 100%.
The width of the excel sheet goes to 100%, but then since the excel file is wider than the webpage, it extends past the end and you have to scroll to view the whole document. I want the document to resize to be 100% of the width automatically without having to scroll to view the parts of the documents that are cut off.
Also, when I set the height to be 100%, for some reason, the height is just a small sliver of the document, maybe 200 pixles in height when the entire document is closer to around 3000 pixles.
I am assuming I am adding those values to the html for the iframe?
Now that I am looking at it again, I do notice that the iframe itself fits to 100% the size of the container, but the excel document itself is actually what's not resizing. I am guessing that might just be a limitation in the excel document/file itself and nothing can be done?
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025