I’m new to Hype and I’m doing some tests with different layouts. Using Wordpress and Pagelines DMS framework. Graphic is showing up and swapping when it hits the breakpoint BUT the depth seems to be fixed and clips the lower part of the graphic (a simple box). I disabled scrollin in the iframe but that didn’t solve anything. Here’s my code:
The width and height of your iframe are set to 100% which is inheriting it’s values from the width and height of the article tag with id=“post-1037” which is being set by your CMS or theme.
This is why it’s clipping. Instead of using an iframe what about placing the div inside your post
Actually, in your wordpress setup video, it says to use percentages for flexible layouts. And somewhere else I read to use 100% and 100%. For whatever reason, I can’t get the
method to work. Replaced the files and used this, but no luck
Started over with same result. Used <div> method in the post content and the iframe method in a text box below. Iframe clips but shows. <div> method yield nothing.
@Daniel The reason for the 404 is because the files are in a folder called hype in the uploads folder so the path was wrong.
@Jbaker8553 Reed, your files are fine and the 100% width / height attributes are fine. The problem I believe lies in where you are adding your code and the relationship to parent elements. Your clipping is coming from the fact that your parent element (the post div or article div or whatever is housing your hype file) is hiding it’s visibility and has a width of 893px and a height of 157px. So the problem I feel is some styling. I may be wrong
Can you explain where and how you are including the Hype document?