[XenForo] A smoother menu for mobile devices

Hello everyone!

Today we are going to discuss how to make the mobile version of your site smoother to the touch. It’s hard to show previews of this so I will show how to do it. I have done this already with my installation and I have to admit that it’s very nice and makes things very easy to do now.

So what you are going to do is log in to your admin panel and then navigate to Appearance and then Templates and you will see this screen:


See we have been here before so next we are looking for extras.css like so:


Click it and you will see the page that we edited before.


So now after all of the code here you are going to put in this:

  • .Menu {-webkit-overflow-scrolling: touch;} .Menu > * {-webkit-transform: translateZ(0px);}Like so:


Make sure you save it! After this your response time should be a lot better on mobile devices!

If you have any questions please feel free to ask away!

Looking for quality XenForo hosting? Check out Arvixe Web Solutions

Tags: , , , , , , , , , | Posted under XenForo | RSS 2.0

Author Spotlight

Keith Pottratz

Hello My Name is Keith Pottratz. I have been working with computers for over a decade. It's my personal hobby something that I love and enjoy doing. I went to school for Computer Science, and have spent many years self teaching my self various things. I have ton's of experience in HTML,CSS, PHPBB,CPanel,CMS software, blogging software and various other systems and enviroments. My favorite thing to do though is backend developing. I find it to be a growing and ever evolving beast and I love learning about it. I look forward to giving as much knowledge as I can and help.

Leave a Reply

Your email address will not be published. Required fields are marked *