Forum

Results 1 to 4 of 4
  1. #1
    Join Date
    October 2016
    Location
    Berlin, Berlin, Germany
    Posts
    142

    Header broken on mobile Website

    The new TeamSpeak Logo position: Click image for larger version. 

Name:	3C124AE2-A23A-4E96-BC78-D71D8C077DEB.jpeg 
Views:	57 
Size:	112.7 KB 
ID:	16749

  2. #2
    Join Date
    September 2012
    Posts
    5,995
    Works fine on Chrome. Possibly a Safari bug.
    We'll check it out tomorrow and see what can be done.
    When sending PMs please make sure to include a reference link to the thread in question in the body of your message.

  3. #3
    Join Date
    January 2018
    Posts
    29

    Fix MoBiLe FoRuM

    Plesse fix the icon in the header. Thanks.

    merged again
    please do not create the thread a third time
    Last edited by dante696; June 12th, 2018 at 10:58 PM. Reason: merged

  4. #4
    Join Date
    April 2013
    Location
    Germany
    Posts
    65
    @Chris

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


    Code:
    #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

    Click image for larger version. 

Name:	tt.png 
Views:	29 
Size:	78.3 KB 
ID:	16765

    just remove the media query line concerning the logo
    Code:
    @media (min-width: 992px)
    {
      #ts-logo,
      #ts-logo-small {
        height: 82px;
      }
    }
    and you don't even need this

    Code:
      
    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');
        }
      });
    Last edited by TheZero; June 14th, 2018 at 11:51 AM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Website for mobile devices
    By zweiss3598 in forum Suggestions and Feedback
    Replies: 2
    Last Post: August 2nd, 2011, 05:48 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •