How can I adjust the default height for an embedded webpage on my store page?

Topic summary

A user is attempting to embed a webpage into their Shopify store page using an iframe but encounters an issue where the embedded content appears in a narrow scrollable window regardless of the height value set in the code.

Current approach:

  • Created a new page using Shopify’s default page template
  • Added iframe code with specified height (1000px) and width (100%)
  • The height adjustment isn’t working as expected

Proposed solution:
Another user suggests modifying the theme files:

  1. Navigate to Online Store → Theme → Edit Code
  2. Locate the theme.liquid file
  3. Add specific markup code to the head tag

Note: The exact code snippet and complete solution details appear corrupted or encoded in the original post, making the full technical implementation unclear. The discussion remains open pending clarification or successful implementation of the suggested fix.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.

I want to embed a webpage into my shopify store.

I created a new page based on the shopify “default page”.

I added the code “”

No matter what I change the “height” setting to, I always end up with a tiny narrow window to scroll (https://www.brothoflife.com.au/pages/organic-certificate)

How can I make the page default height be larger to show more of the webpage.

Thanks in advance.

1 Like

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code to the head tag


Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

2 Likes