Black pill appearing on product cards

[Mahad871]

There is black pill shaped blob like thing apprearing on my website when I open it on mobile. It only apprears on the cards on homepage no where else (Marked with green)
also there is unnecessary padding below the navbar at the top on mobile only (Marked with red)

[Mahad871]

Correcton: the padding below navbaris also on desktop version.

[Arif_Shopidevs]

@Mahad871 
Please share your site url so that we can help you

Thank you

[Mahad871]

URL: SOLESTREET
Please also check the reply I added above which is an update on the situation.

[Sangeetanahar]

hello @Mahad871 

can you send me the Website URL

thanks

[Made4uo-Ribe]

Hi @Mahad871 

Would you mind sharing your store URL? Thanks!

[Mahad871]

URL: SOLESTREET

UPDATE

The Issue regarding the black pill is fixed, I just made the change in css

media only screen and (max-width: 768px){
    .quick-view  {
        visibility:visible; # turned this off
        background-color: #F4F4F4;
        color: #666666;
    }
}

Any better way to do this would be much appreciated.

Not Fixed
The Space below the navbar on mobile and desktop (sometimes).

[Arif_Shopidevs]

@Mahad871 
The problem in the section coding of js or markup. Can you check in liquide . Their is blank slider comes which is the main issue their height take the place

thank you

[Mahad871]

there is no slide here the issue is due to height of banner image at the top.
Where can I find its css ?