Shopping cart pushes down the top menu

[hzolika]

Hi,

 

I'm building a website now and moved the Block User Info module a bit down and to the center of the page. My problem is, that the Block Cart as expands on mouse over, it's either still on the right side of the page in the same original position, or if I change the position in css to relative, then it appears on left side lined up with the User info module, but as expanding, it pushes down the whole Top Menu module.

 

Link to the website: http://www.delor.net

 

(it's a bit of a mess now, please ignore it :-)

 

Thanks for the help!

 

Sorry, sorted it 5 minutes later :-)

 

Can I delete the thread somehow?

Edited January 22, 2014 by hzolika (see edit history)

[vekia]

shopping cart position is based on parent position.

so you have to define right / left and top / bottom params to pleace it there, where you want

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

effect:

[hzolika]

Hi vekia,

 

Thanks for you quick reply. Although the problem is that if the position is relative, the expanding cart will push down the horizontal menu. As you can see on the image you attached, that you actually can't see it.

The only way I managed to do it to change the position to absolute and move it 310px from left, so now the menu stays where it is and the expanded cart is above it.

[DellaM]

Hi

I have the similar problem with the cart, when I put my mouse over the cart, it expands and pushes everything down, is there a solution to that?