Hor Fix B

Versie 2.22 - 01/1/15

Uitleg

Zet het menuontwerp van de site op w 033.4
Kopieer de code
(klik in de box en doe vervolgens ctrl+A)
plak de code in de HTML Hoofdtekst
Sla de wijzigingen in de HTML Hoofdtekst op
Geef de header een achtergrondkleur
Verwijder de kleur achter het menu

<script>
$(document).ready(function() {
  var heightHeader = $('.header').height() + 12;
  if ($(window).width() > 672) {
      $('.main-container').css({marginTop: heightHeader + 'px'});
      $(function(){$('.logo img').data('size','groot');});
      $(window).scroll(function(){
        if($(document).scrollTop() > heightHeader) {
          if($('.logo img').data('size') == 'groot'){
            $('.logo img').data('size','klein');
            $('.logo img').stop().animate({
              height:'40px'
              },200);}
        }
        else {
          if($('.logo img').data('size') == 'klein'){
            $('.logo img').data('size','groot');
            $('.logo img').stop().animate({
              height:'100px'
              },200);}  
        }
      });
  };
  if ($(window).width() < 671) {
      $('.main-container').css({paddingTop: heightHeader + 'px'});
  };
});
</script>

@media only screen and (max-width: 671px) {   
  .header { top: 0; width: 103%;}
  #logo, .logo img { height: 40px; width:auto;}
    .logo { top:0;}
  .container { padding-top: 0px;}
}
</style>