Tablet/mobile problems with the toolbar.

Hallo all. (So many questions/problems I have this week, geez, sorry for that )

Recently I have added the toolbar to my forum which works great for normal PC users,
but the users of my forum which uses tablets or something like it, they have big time problem with it.
Some of the users can't click on the "welcome (username)" which opens the menulist, so they can't get to the links of their profile, pm and such through the toolbar. It just seems like the link is disabled.
Other tablet users say that it is very unhandy because it does not fit for the tablet and you have to really really click preciously for using it because it is very small

is there any codes or anything which can make it more tablet friendly?

Yours
Medusa

I would like to add something I have noticed to this: On the help forum (this one), the navigation bar (menu) does not work. All links for that are disabled. However on my website they work just fine from any device. I think some links may not work on mobile devices for some reason.

The second problem is that whenever I scroll up or down the toolbars (everywhere) multiply up to covering the whole screen when scrolling up and disspear when scrolling down. Minor problem, however problems indeed. 

I hope there are solutions, I know making the toolbar fixed is a way to fix that one. Anyway hope I asked the good kind of questions 

You should zoom in when you want to click a menu link.  I really do not know if there is a code help with the toolbar she you use a mobile device.  It takes clicking more than once sometimes.

No you can't zoom in because it then crops out the Notifications and Welcome XXX. If you zoom in enough all you will see is the "Forumotion" from the left side of toolbar. I guess it needs to be set to Width: 100% ? but idk if that will solve it on Mobile devices...

I mean the navigation menu.

I can add something to this: I use a tablet quite a bit now, on my forum sometimes I will click a link and it will take me somewhere else. I just simply back space and start over, the navigation bar works fine on mine because it is pretty basic (I have never gotten into those complicated toolbars. When I do go to other forums with these fancy nav bars I experience the same problem. It is a problem, not an urgent one, but a problem. I do need to click several times on a link to get it to work. It is not the most convenient thing in the world, but it is workable.

Hello @medusa,

I cannot really say, as I do not use a tablet. However, I know that the toolbar shrinks down in size and removes content when the screen width is too small. I believe it was designed mainly for desktop or devices with a large screen width. You can utilize CSS media queries to modify the toolbar style on devices with smaller screens.

The following CSS rule will increase the link size in the menu on devices with a max screen width of 800px. About similar to a tablet, I think.

Code:

@media (max-width:800px) {
  #fa_menulist li a { font-size:18px }
}

It is good to hear that I'm not the only one.

Thanks Ange Tuteur, I will try and see, if the code is going to help