Topic-icon BUG: Problems with layers - OVERLAPPING

Active Subscriptions:

None
11 years 1 week ago #32585 by kaz78
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: 78global.com/component/users/?view=remind

Please let me know asap, how I can fix this.

Thank you!
The topic has been locked.
Active Subscriptions:

None
11 years 1 week ago #32587 by kaz78
I was able to fix the problem.
This might not be relevant to anyone else, but this is the code I added to my CSS:
#block-side {z-index: 999;}
The topic has been locked.
Support Specialist
11 years 1 week ago #32591 by alzander
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,
Alex
The topic has been locked.
Active Subscriptions:

None
11 years 1 week ago #32592 by kaz78
Thank you, that makes sense now.
The topic has been locked.
Support Specialist
11 years 1 week ago #32607 by alzander
No problem. It's what we're here for. Glad that helped.

Alex
The topic has been locked.