Having selected a product and added to cart the Added to cart box is partially hidden behind top of page menu (Header Menu)

Using inspect code I found

div.qbopaque, div.iuopaque, div.ectopaque {
overflow-y: auto;
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(140,140,150,0.5);
top: 0px; <<<<<<<<<<<<<<<<<<<<<<<<<<
left: 0px;
z-index: 10000;
}

The highlighted line "top: 0px" if changed moves the box lower in the page and overcomes the problem.

Can you suggest how to fix the problem
Andrew

Hi Andrew
It sounds like your theme has a header that adjusts the z-index. So as you say, to move the top of the add to cart box to below that of the header, in your WP admin go to the Customizer and there should be a setting for "Custom CSS" in the theme settings. There you can adjust the top with something like...

div.qbopaque, div.iuopaque, div.ectopaque {
top: 20px;
}

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

Thanks Vince

top: 70px did the trick