After an upgrade to Joomla 3.8.13 and Civi 5.6.0 the Joomla admin menu dropdown is stacking under the Civi menu. I can't reproduce on https://joomla.demo.civicrm.org as even if the versions weren't 3812 and 560, the Joomla admin menu isn't long enough.

Screengrab of the Civi Admin menu overlapping the Joomla admin menu dropdown


3 Answers 3


I can confirm that restoring the z-index that was removed in root/administrator/components/com_civicrm/civicrm/css/joomla.css corrects this issue. The rest of the removed code makes no difference. This works for me:

ul#civicrm-menu {
z-index: 1;
position: relative;}

There was a commit that fixed css for shoreditch theme probably that might have caused the regression in Joomla. Can you try to replace the code from the commit and see if it works? If so I can file a issue and submit the patch for regression.

  • Thanks Pradeep (sorry for the delay in reply). Yes, as LMK suggests, restoring the z-index from that commit fixed this.
    – Nic
    Oct 13, 2018 at 16:03
  • So can we mark this as answered so that it can help others who face similar problem Oct 13, 2018 at 17:50

I checked my joomla.css and the z-index lines are already there but i still can't see the administrator menu any more:

text-align:left; }

/* Joomla Admin Menu alterations / / Moved from civicrm.css in v3.2 */

ul#civicrm-menu { position:relative; z-index: 1; }

div#toolbar-box div.m { padding: 0px !important;

Anything else I can try please?

  • 1
    Hi Helen, welcome to Stack Exchange. You have posted this as an answer but it doesn't really answer the question. It would be better to post this as a new question and link back to this question. Feb 15, 2019 at 17:08

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.