Creating the floating menu issue

When I try to create floating menu
using
position: fixed

The menu at the top moves to left and its width is reduced.
How to fix it.

Also, what will be the impact of this floating menu when the site will be opened on some mobile or tablet?

Hi,

First of all - please avoid of usage the position: fixed, because it causes big rendering problems on the mobile devices - it is a very CPU consuming CSS code and it causes flicking and the rendering artifacts.

Can't it be done via javascript?
Mashable doesn't use css code for the fixed menu, it means there is something else from which it can be done.

It can be, but you have to write your own script, because this kind of customization is beyond our support. I can only suggest that you have to use absolutely positioned menu and trigger the onScroll event for window to update the menu position.

I saw the floating menu in your recent Joomla template. I assume it will come in the upcoming wordpress theme as well. Can I expect the same in this theme's update?

Sorry but we have no plans to change the menu in this theme.

OK. But can you share the particular code for doing it. Since you said that position: fixed causes high cpu load, can you share what did you do in the recent theme to avoid that.

But the latest template uses position: fixed with one change - the fixed menu will load only on the devices with JavaScript support - so on the older slower devices it won't be displayed as a fixed menu and only as a static menu. The code is available here: http://demo.gavick.com/joomla25/simplic ... scripts.js - remember that it is the MooTools code and WP uses jQuery.