Calendar showing behind sub menu

[Barrowboy]

We are using CMSMS 2.1.6 and CGCalendar 2.1.4.3 and a simple dropdown menu.

The problem is when selecting the dropdown menu the calendar shows through the dropdown which looks awful.
I have tried darkening the background of the sub menu but still the calendar items show.

Is there someway to make the sub menu be fully on top.
The z-index on either seems to have no affect.

Thanks

[paulbaker]

I presume you are using the full month layout of CGCalendar which uses a javascript library calendar (the name of which escapes me at the moment).

You might find if you post the URL someone will be able to take a look and come up with a suggestion.

[Barrowboy]

Hi
This is the URL http://www.busca.org.uk/meetings.html

If you then click on the Sub Groups menu you will see the issue.

Thanks

[paulbaker]

Yes I see the problem, can't see how to solve it at the moment though.

The JS library used (that I couldn't remember) is
https://fullcalendar.io/
There is a docs section, within which you might find ideas to solve this. You can't be the first person to come across this problem.

[scooper]

Setting a z-index on #primary-nav ul works for me in Firebug:

Code: Select all

#primary-nav ul {
	list-style-type: none;
	width: 210px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: auto;
	display: none;
	padding-top: 9px;
	background: url(http://www.busca.org.uk/uploads/ngrey/ultopup.png) no-repeat left top;
	z-index: 10;
}

[Barrowboy]

Hi scooper
Yes that as worked for me to. I did play with the z-index for both but I must have put it in the wrong level.

Thanks