Page 1 of 1
Calendar showing behind sub menu
Posted: Tue Jan 03, 2017 8:29 am
by 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
Re: Calendar showing behind sub menu
Posted: Tue Jan 03, 2017 3:38 pm
by 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.
Re: Calendar showing behind sub menu
Posted: Tue Jan 03, 2017 3:46 pm
by 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
Re: Calendar showing behind sub menu
Posted: Tue Jan 03, 2017 4:15 pm
by 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.
Re: Calendar showing behind sub menu
Posted: Tue Jan 03, 2017 4:21 pm
by 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;
}
Re: Calendar showing behind sub menu
Posted: Wed Jan 04, 2017 8:34 am
by 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