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?
// Defining a function to set size for #hero
// Run the function in case of window resize