Question

I have integrated paypal mini-cart into my website but for some reason it is not on top, I have changed the z-index to as high as possible and still no result.

It seems to be over everything except the text in the navigation bar (e.g HOME etc) and when the class=current it seems to override it too.

Any help on how to solve this would be hugely appreciated!

When you add an option to cart then resize the window so the cart overlaps the navigation area

Answer 1

The problem is the following in your stylesheet:

ul#navigation {
  float: right;
  position: relative;
  z-index: 30;
  margin-top: 2px;
  margin-right: 117px;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
}

Your z-index is placing the menu over the paypal cart. Removing this z-index will solve your issues. Well it did at least for me disabling the property in my Chrome debugger.