For any of the popup menus, I am experiencing problems when the menus display on top of e.g. the LIKE module. The menu should popup on top of the module, but some elements of the module like the logo and the Like button itself display on top of the popup menu.
The best way to see what I mean is to visit and scroll over the main menus, which is on the left side: http://78global.com/component/users/?view=remind
Please let me know asap, how I can fix this.
That's the appropriate solution. There's no defined standard, but the general z-index'ing that's been adopted by most templates is:
* Drop-down / Hover menus: 1000
* Important areas: 100
* Content/main area: 1-10
With this in mind, our content plugin will set the social buttons to be 98, which (through a lot of trial and error) has worked well for not being too intrusive, but not being hidden by other content. Your solution of making your menu 'higher' than the rest is the right one.
Hope that helps explain,