OnePager with Full Responsive StartScreen

[michelangelo (Freelancer)]

some links in the forum

Creating a fullscreen "Hero" DIV for your site header

Hi, I’m trying to make a header where the height adjusts based on browser height, so it fills the screen no matter what (example: http://ironsummitmedia.github.io/startbootstrap-stylish-portfolio/). I read that you could use the following JS code to achieve this, but it doesn’t quite do the trick. I grouped the header and entered “hero” for the unique element ID… Then I ran the JS function below on page load… What am I doing wrong? jQuery(document).ready(function($){ // Defining a function t…

How to make the scene's height flexible with fixed ratio with the width (the width depend on browser window's width)

I have try to scale the height via scene inspector but it make the height scale depend on browser’s height regardless of height&width ratio. How can I make like this image? [image]

Assigning a Div so its Position is Relative to a Different Div (static footer)

For context to the original post I published relating to this new post, [click here][1]. In summary of the original post, I wanted to target the header (element ID: hero) of a web page to make it fill whatever size your browser is stretched to. You can do this within Hype, but you can’t have content below it to scroll down to if you do it without extra code. Someone gave me a fix for this problem, which was to enter the following into the head HTML: <style> #hero { height: 100vh !importa…