[Solved] Menu appears over shopping cart

[Omawako]

Hi guys

I don't know what is wrong with my site but the last 2 tabs of the menu appear over my shopping cart. Kind of hard to explain, so I've attached a screenshot.

I used PrestaLove Easy Menu

 

 

Please help me

Edited July 5, 2013 by Omawako (see edit history)

[PSfever.com]

Hi,

 

I've checked it out and found out you'll just need to edit z-index. You can increase the one of blockcart or decrease the one of easymenu. I would suggest second option, go to modules/prestaeasylove/css/prestaeasylove.css line 41 and edit this code

.sf-menu li { z-index:10; background: url(img/nav-link-border.png) right center no-repeat; padding-right: 3px; }

 

to this code

 

.sf-menu li { z-index:1; background: url(img/nav-link-border.png) right center no-repeat; padding-right: 3px; }

Edited July 5, 2013 by PSfever.com (see edit history)

[vekia]

i've noticed that youv'e got also:

blank space between the blocks, to remove it:

 

go to the blockcart.css (/modules/blockcart/blockcart.css)

 

and change #cart_block, you have to change the top: 65px to top:48px;

 

 

exactly as i show below:

#header #cart_block {
z-index: 10;
display: none;
position: absolute;
right: 0;
top: 48px;
height: auto;
width: 200px;
-moz-border-bottom-right-radius: 3px;
-moz-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
box-shadow: 0 1px 0 #C6C6C6;
background: #eee;
}

[Omawako]

PSfever.com, thank you. It works amazing

 

vekia, thanks for pointing that out. I didn't even notice that. lol you're such a great help

[BoKr]

Hi Vekia and others

 

I got the advanced top menu and ps1541 and a similar issue:

Here a max zoom to make clear I mean:

 

 

All I am interested in is how to elevate the cart list when products are in it over the colored nav menu.

The menu gots a z-index of 500 and as far as I can tell I set all z-index's of the cart in /root/templates/mytemplate/css/modules/blockcart/blockcart.css to z-index 1000.

 

The url is: http://www.gruenes-spielzeug.de

Edited July 16, 2013 by B.Köring (see edit history)

[vekia]

your image doesnt appear (i suppose that you wanted to attache it?)

[vekia]

checked it, here is the solution:

#header #cart_block {
z-index: 1000;
..
..
..
}

 

change z-index: 1000; to z-index:99999;

 

effect:

[BoKr]

 

Vekia, you are soo quick!

 

Thanks alot, I though that 1000 'd be max. Anyway I 'd tried 2000 too but to no avail.

 

However cart elevates over the rest of the containers it shows on Firefox & Chrome a small white box left of the cart button. In the tpl it could be related to the <span></span> or so but may be I am talking red wine. In a nut shell I don't know but have a look please:

[vekia]

it's because image from url doesn't exist

background: url(http://www.gruenes-spielzeug.de/themes/Kiluia/css/modules/blockcart/img/icon/pict_add_cart.png) no-repeat 0 0;

 

#cart_block #cart-buttons #button_order_cart span {
position: absolute;
top: -1px;
left: -12px;
display: block;
height: 26px;
width: 26px;
background: url(http://www.gruenes-spielzeug.de/themes/Kiluia/css/modules/blockcart/img/icon/pict_add_cart.png) no-repeat 0 0;
}

[vekia]

in this case you have to copy images (img dir) from module to the /themes/Kiluia/css/modules/blockcart/

[BoKr]

Vekia, your are really very helpful! Thank you very much!

 

That did the trick. I copied (only) the /img fodler from the /root/modules/blockcart/img to the /mytemplate/css/modules/blockcart folder.

 

That is where I have want to hook in again so to say. I understand that we can make use of a certain kind of override functionality. We can copy for example the whole /root/mail/ folder into our template fodler and then they are used exclusivly. The same works for /root/modules/css and now I learn that I have to copy also /img folders since they are 'called from/by' a css call. As it happens mostly or exclusively by a relative path. So I have to cop the img folder otherwise they are not found.

To be certain and to learn something I suppse this relates only to stuff that is linked via the 'module'.css ? Or do I always have to copy a complete module folder from /root/modules into my template folder?

 

thanks alot for that and there is another small question:

'Did you dig the issue soley via Firebug or something else? I am asking since I use Firebug of course too but I tried minutes to understand why the cart wasnt on top,... I did not find the lines with the missing image. Is there a trick to find missing img calls or so?

[vekia]

yes, im using firebug, I just clicked on inspect feature and checked the menu element, then cart etc.,

In the next step i compared the values of the z-index

and that's all

 

the same with this "fake" image

[BoKr]

yes, im using firebug, I just clicked on inspect feature and checked the menu element, then cart etc.,

In the next step i compared the values of the z-index

and that's all

 

the same with this "fake" image

 

Sorry, I went to bed otherwise I had answered and said thank you earlier.

I think I going to rename this said img folder temporailly to see if I can follow your instructions in Firebug. Anyway I wasnt able to find the references for the missing fake image. Would help me in future.

 

You made my day Vekia once again. Thanks.