Responsive Layout and Squarespace


(Jon) #1

I am used to embedding god like below to use hype elements on squarespace.

<div id="bolrates69_hype_container" style="position: relative; overflow: hidden; width: 859px; height: 1100px;"><script type="text/javascript" src="http://shenever.squarespace.com/storage/hype_resources/nai/bolrates69_hype_generated_script.js"></script></div>

With the new responsive layout ability what should I embed. Squarespace responds to mobile and I see my hype element responds to the break point, but the 859px width and 1100px height stick. Essentially my page looks right for mobile except the width and height have copies white space. I hope that makes sense.


(stephen) #2

You need to modify, or remove, this part of the style on the hype_container div. Hype chooses the appropriate layout based the size of the container div. So if you have a fixed width and height on your div the layout will always be the same. What you need to set these values to depends a bit on the rest of your site. Let me know if you have any questions.