Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
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!
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!
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025