Jomsocial + megamenu css z-index problem - solved

Having a small problem.

http://romani-fabrica.com/Community.html

When logged in the dropdown menu lists for megamenu are being overlapped by the main menu bar in jomsocial so they drop behind the jomsocial menu tabs.

Having trouble on where to mod the megamenu css file to alter z-index.

The jomsocial menu is using a z-index of 660, its basically the default theme and css with some small graphics alterations.

Jomsocial 1.8.10

mystore 2.0.14

Hi

First, i recommend that you enable override.css file on template parameters.
Next add the following line on this file:

Code: Select all

ul#cToolbarNavList {z-index:1!important}

That's it.

Cheers

Perfect, works good.

Thanks.

Its not really a support issue but perhaps you can advise.

If you log in and view your profile, can you spot what css is causing the big gap pushing the personal info down the page, struggling to locate the cause.

Sure, no problem.
Just add this line on override.css file:

Code: Select all

div.profile-info {overflow:hidden}

Cheers

Brilliant, that one was driving me nuts trying to find the root cause.

Thanks very much.

I tried this and nothing on certain template profiles in jomsocial. I went to the template manager in joomla and under Div mode I turned on override.css all other items under this section turned to off. Added the code mentioned in above post to the override.css after the line that says add code. This was done on the server side as the file is unwritable so i turned write functions on. Since i couldnt get it to work i just changed the template in jomsocial to one that works and left it at that. I would like to use blue face but it doesnt work :O( so any more suggestions as I need the help.....thanks