Adirondack

Site URL: https://www.byfaaborg.dk/

I'm having trouble figuring out how to remove the huge banner from the Adirondack template. I have a banner on my homepage, but for some reason the template has also applied the same banner properties to each product page. So when a customer clicks on a product, a large zoomed photo of the product is inserted as the banner, and when the customer scrolls down, they will see the original size photo along with product information. It's really weird and not visually appealing. Does anyone know how to get rid of it?

Add to Home > Design > Custom CSS

.collection-type-products.view-item .main-image-wrapper {
    display: none;
}
.collection-type-products.view-item div#folderNav {
    margin-top: 0 !important;
}