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

up vote 1 down vote accepted

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 at 16:03
  • So can we mark this as answered so that it can help others who face similar problem – Pradeep Nayak Oct 13 at 17:50

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

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