So basically I'm using a template for my site and adjusting accordingly. The site defines the menu-bar to be hidden on start and it appears on scroll down.
The text and menu button however, always appear on start. I cant understand how I can also tell the text (email and phonenumber) to stay hidden with the rest of the menu-bar.
<header id="sticky-header" class="header-fixed"> <div class="header-area"> <div class="container sm-120"> <div class="row"> <div class="col-md-9 col-sm-10" style="height: 70px; width: 930px"> <div class="col-md-4 col-sm-6"> <div class="logo text-upper"> <h6>xxxx / xxx 004 x8 / info@testsite.de</h6> </div> </div> <div class="menu-area hidden-xs"> <div class="hamburger hamburger--collapse"> <div class="hamburger-box"> <div class="hamburger-inner"></div> </div> </div> <nav class="hamburger-menu"> <ul class="basic-menu clearfix"> <li><a href="index.html">Home</a></li> <li><a href="index.html#about">About</a></li> <li><a href="index.html#portfolio">Portfolio</a></li> <li><a href="index.html#kontakt">Kontakt</a></li> <li><a href="impressum.html">Impressum</a></li> </ul> </nav> </div> </div> </div> </div> </div> </header>
#javascript #jquery #html5