Jump to content

Shopping cart pushes down the top menu


Recommended Posts



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 by hzolika (see edit history)

Share this post

Link to post
Share on other sites

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;



Share this post

Link to post
Share on other sites

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.

Share this post

Link to post
Share on other sites

  • 1 year later...
This topic is now closed to further replies.

  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More