Hide products display section on store page

Site URL: https://www.thexlstudio.com/weddings/#wedding-booking

I wanted to display different products on different rows on the store page. So I added a new section and then added each product (this is below my normal products section). However, I now need to hide the normal product display section from my store page. I've figured out I can hide the section with the below code, but this breaks my product detail pages as well. Could anyone help me either hide the products section on the store page without breaking the detail pages or help me customise it so it displays as I want it. Any help would be greatly appreciated. Thanks.

<style>
[data-section-id="5e917ef89b4c2c2999be90ec"] {
  display: none;
     }
</style>

Hide Top or Bottom images?

The top ones please. I want to hide the product grid, mine is currently set to 3 columns. I want to either hide this, or rearrange it to match the images below. Thanks for your help. 

On 9/23/2020 at 10:32 PM, SAINT-KIA said:

@tuanphan hi can you please help me here I want to hide my products on the store page. because as you know we can not delete the section so I want to somehow make the section invisible.

Can you share link to store page? We can check easier.