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. …

[image] 'Landing page' as top part of a scroll view Responsive Check out these two sites: http://animal.cc http://maverickbysigma.se A rather common solution today; however big the web browser view is, the ‘landing page’ scales to that size - and it is actually just the…

[image] DBear: You can place any CSS code in your Head HTML I'm assuming that you wouldn't put it as a DIV in the Head HTML, so what exactly would I put? Below is what Michael suggested as a div if you were to put it in the body. <div id="hero">...</div> #hero { height: 100vh; }

Just this part in a <style> tag: <style> #hero { height: 100vh !important; } </style> !important in there to override any other declarations. To be safe! Edit* The ID (#hero) corresponds to an element in your project with the same ID in the inspector. D

[image] DBear: Just this part in a <style> tag: DBear, You're a life-saver! It worked! The only problem is, the content below does not push to stay at the very bottom border of the Hero element, check the URL again: 2.ideahubdesign.com Any ideas on how I can fix this? -Jon

jonlangberg4896: The only problem is, the content below does not push to stay at the very bottom border of the Hero element, Since this element is above others in the layer order, other content will naturally flow under it. It doesn't seem to obscure content for me -- it just requires additi…

@jonlangberg4896 did you have a look at my previous post¿

[image] h_classen: did you have a look at my previous post¿ Yes I did see your reply, see my response that I left right after that and the rest of the thread. New issue now.

[image] Daniel: Or maybe I'm not understanding the issue -- can you send a screenshot of the problem? To anyone who has not read the entire thread, a fix for the original problem was provided by Dbear, but now the content below the header does not push below the header, it stays where it is s…

Hi Daniel, A simple fix for the original thread was provided: Assigning a Div so its Position is Relative to a Different Div (static footer) http://forums.tumult.com/t/assigning-a-div-so-its-position-is-relative-to-a-different-div/4452 I created another new one because I felt the problem was diffe…

Tumult Forums

Creating a fullscreen "Hero" DIV for your site header

Using JavaScript with Hype

Daniel November 13, 2015, 5:15pm 16

Thanks for letting me know. I like the solution here so I’m going to keep it around