Solved

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

Alison_Bell
Tourist
7 0 3

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 "<iframe src="embedded website address here" style="border: none;" height="1000" width="100%" title="Organic Certificate"></iframe>"

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.

Accepted Solution (1)

AnneLuo
Shopify Partner
414 84 79

This is an accepted solution.

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

<style>
  iframe {
    height: 2300px !important;
  }
</style>

 

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

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee

View solution in original post

Reply 1 (1)

AnneLuo
Shopify Partner
414 84 79

This is an accepted solution.

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

<style>
  iframe {
    height: 2300px !important;
  }
</style>

 

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

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee