Shopping cart emerges too high (on hover)

[CrossY]

Hi there,

 

I'm trying to edit my shopping cart. I've switched the "Weclome - Login" with the shopping cart (vertical switch), however, the shopping cart still emerges from its original position (I think).

 

I've added a margin to #cart_block, which solved half the problem, but I can't find the correct fix to have the cart emerge from below the text "Cart 1 Product".

 

Please note the added image for clearance.

 

Thanks in advance!

 

Regards,

 

[vekia]

this issue is strictly related to the css styles, so it will be much easier to say what's going on exactly with url to your website

[CrossY]

Is there a way to privately send you the URL? I'd rather not post it publicly (yet).

 

Regards,

Edited September 8, 2013 by CrossY (see edit history)

[CrossY]

This works (check attachement)

Edited September 8, 2013 by CrossY (see edit history)

[CrossY]

Have not yet been able to find a solution on my own.

Any suggestions anyone?

[vekia]

so i've got little trouble, i cant add products to cart because i see 404 for each page that im trying to open:

[vekia]

use this styles for cart position:

#shopping_cart a {
clear: both;
height: 15px;
padding: 15px 0px 10px 43px;
background: url('img/icon/cart.gif') no-repeat 12px 9px #eee;
min-width: 130px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
}

(i removed text-align: right; and changed backgrund position)

 

effect:

[CrossY]

Thanks for your answer! The 404 error has to do with another topic: http://www.prestashop.com/forums/topic/273892-severe-translation-issues/?do=findComment&comment=1372776

 

As for the shopping cart, it doesnt really solve my problem (except for some small make-up problem). The block that appears on mouse-over still emerges from the top of "Cart (empty)" rather than below it..

[vekia]

yes i know that, it's because this is all what i can do for you, it's because i cant add products to cart because ... i don't see them due to the 404 error. so i cant inspect cart block because there is no product in cart...

[vekia]

i've noticed that you solved this issue

 

so i can test it !

 

 

okay, so:

 

change top param in #header #cart_block to top:59px;

exactly as i show below:

#header #cart_block {
z-index: 10;
display: none;
position: absolute;
right: 0;
top: 59px;
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;
}

it's a part of this file: http://www.zzada.com/modules/blockcart/blockcart.css