Cascading menu in back should be in...

User 2225676 Photo


Registered User
22 posts

I tried asking CC support but they were no help, guess they don't want to admit theres a bug in their theme.

I'm using the Mephis theme and I set up an events calendar page got it working fine, but when you chose the menu item at the left (Products for example) the cascading menu is behind the calendar, and I want the menu to be on top. (Seems to me that you would always want menu items on on top otherwise they would useless, it is a design flaw on the part of CC "My opinion")

I tried to use the z-index with a -1 in a couple of places in the code, and I couldn't get it to work. I'm not a coder so I only do this when I have to build a site for myself.

Can anyone show me where in the code I'm supposed to put the z-index to make the calendar to sit behind the menu?

Here is the code produced by the program:

<Head> </Head> section:
<script src="calendar/javascript/jquery-1.4.2.min.js"></script>
<link media="screen" rel="stylesheet" href="calendar/stylesheets/colorbox.css" />
<link media="screen" rel="stylesheet" href="calendar/stylesheets/monthstyles.css" />
<script type="text/javascript" src="calendar/javascript/jquery.colorbox-min.js"></script>
<script type="text/javascript" src="calendar/javascript/jquery.text-overflow.min.js"></script>
<script type="text/javascript" src="calendar/javascript/behavior.js"></script>

Html Page Section:
<!-- This is where the calendar HTML will be inserted -->
<div id="cc_webcalendar">
<p>Error, content did not load.</p>
</div>

<!-- this loads the calendar -->
<script type="text/javascript">
var maxdate=new Date("02/01/2013");
var mindate=new Date("11/01/2011");
loadTodaysCalendar(mindate,maxdate,"calendar");
</script>


The web site is http://a1uniquepens.com/Calendar_of_Events.php

Thanks
Danny
User 187934 Photo


Senior Advisor
20,190 posts

Try this
<style type="text/css">
#cc_webcalendar{
position: absolute;
z-index: -1;
height: 740px;
width: 700px;
}
</style>

I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2225676 Photo


Registered User
22 posts

Thank You Eric:

That worked great.

I don't know why the support team from coffeecup couldn't tell me that.
They kept double talking almost every question I asked.

They must of took political science in college felt like I was trying to have a conversation with my congressman. LOL ;-)

Thanks Again
Danny
User 187934 Photo


Senior Advisor
20,190 posts

Looks like we need to tweak the code some more as it's affecting the lower part of your page to cover the calendar.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2225676 Photo


Registered User
22 posts

I didn't notice that until you mentioned it,(on my 60" tv screen it doesn't do that :rolleyes:). I'll look at it this weekend, maybe I can adjust some things can't do it here at work.

Thanks
I may need to ask you some questions if I can't figure it out if thats OK.

Thanks again
Danny
User 187934 Photo


Senior Advisor
20,190 posts

Just give a holler.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 122279 Photo


Senior Advisor
14,454 posts

Set a higher z-index on the menu instead.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 187934 Photo


Senior Advisor
20,190 posts

Good thought Inger. I wonder if we can override the css if we write are own so the shop doesn't have to be hacked.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 122279 Photo


Senior Advisor
14,454 posts

Haven't tried, but it should be possible to add your own style sheets with changes. As long as you link to it below the ones coming with the shop (hence the cascading ;) ).
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2073552 Photo


Registered User
1,625 posts

You could use a header style sheet command for that one element, which will override what is in the external CSS file.
"An Apple doth not fall far from its tree, yet an orange does."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.