If I just do a general search on our website for a product, I get the following on the page:-

.home.blog .site-header, .home.post-type-archive-product .site-header,
.home.page:not(.page-template-template-homepage) .site-header, .storefront-pro-active .site-header,
.storefront-pro-active .woocommerce-breadcrumb, .storefront-pro-active .no-wc-breadcrumb .site-header { margin-bottom: 0; }
.storefront-pro-active .woocommerce-breadcrumb { display: none; }
.storefront-pro-active .hentry .entry-header { display: none; }
.storefront-pro-active #secondary { margin-top: 4.236em; }
.storefront-pro-active .page.hentry { margin: 0; padding: 0; border: none; }
.storefront-pro-active .site-main,
.sfp-nav-styleleft-vertical #content,
.storefront-pro-active .content-area {margin: 0;}

The items do show at the bottom of the page.

I have recently been modifying the website, adding products, changing headers to H1, adding more content, so it is obviously something that I have done, but did not realise.

Any help would be appreciated.

The page I need help with: [log in to see the link]