To make product images behind header on Product Page, like this
You can use this code to Custom CSS box
@media screen and (min-width:768px) {
body[class*="type-products"].view-item {
& {
overflow-x: hidden;
}
section.product-details.ProductItem-details {
padding-top: 8vw !important;
}
.products.collection-content-wrapper {
padding-top: 0px !important;
padding-right: 0px !important;
}
#page>article>section:first-child {
padding-top: 0px !important;
}
nav.ProductItem-nav {
display: none !important;
}
header#header, .header-background-solid {
background-color: transparent !important;
}}}
