Menu Bar Overlaps Minicart

[WebDesinger]

I would appreciate if you could kindly help me with some Minicart CSS issues on the page

https://www.nutriaid.co.uk/pet-pro-biotics-chicken-flavour.php

The Minicart works fine but the Minicart form (please
click on Buy Now button on the above page so that the Minicart
form is displayed) is overlapped by the horizontal menu bar and
appreciate if you could kindly let me know how to have the Minicart form above the menubar. The mini cart code is available at https://www.nutriaid.co.uk/js/cart-pp-new.js

Thank you for your help in advance.

[Atelierbram]

When you add a z-index of 999999991 to #PPMiniCart form in your stylesheet (has to be this high of a number because of the one on #ddmenu ul) then it will be on top

#PPMiniCart form {
  z-index: 999999991;
}

[Beverleyh]

Im just leaving this here for interest – the upper and lower limits of z-index http://www.puidokas.com/max-z-index/

[WebDesinger]

Thank you Atelierbram and really appreciate your help. Cheers!

[WebDesinger]

Thanks Beverleyh for your wonderful information. Cheers!

[Author]

Posts