Header broken on mobile Website

[SossenSystems]

The new TeamSpeak Logo position:

[Chris]

Works fine on Chrome. Possibly a Safari bug.
We'll check it out tomorrow and see what can be done.

[preterive]

Plesse fix the icon in the header. Thanks.

merged again
please do not create the thread a third time

[ZerefGG]

@Chris

you should also fix logo height on desktop version
the media query duplication change 58pc to 82

#ts-logo,
#ts-logo-small {
  width: auto;
  height: 58px;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
}

@media (min-width: 992px)
{
  #ts-logo,
  #ts-logo-small {
    height: 82px;
  }
}

58px is fine for larger screens too



just remove the media query line concerning the logo

@media (min-width: 992px)
{
  #ts-logo,
  #ts-logo-small {
    height: 82px;
  }
}

and you don't even need this

  
var url = document.location.toString();
  var doc = $(document);
  var bar = $('header');

  doc.on('scroll', function()
  {
    if(doc.scrollTop() > 200)
    {
      bar.addClass('scrolled');
    }
    else
    {
      bar.removeClass('scrolled');
    }
  });