Re: Black pill appearing on product cards

Black pill appearing on product cards

Mahad871
Shopify Partner
5 0 1

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_1-1727192789785.png

 

Replies 8 (8)

Mahad871
Shopify Partner
5 0 1

Correcton: the padding below navbaris also on desktop version.

Arif_Shopidevs
Shopify Partner
263 37 36

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

Thank you

Found it helpful? Please like and mark the solution that helped you.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers
Mahad871
Shopify Partner
5 0 1

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

Sangeetanahar
Trailblazer
551 36 66

hello @Mahad871 

can you send me the Website URL

thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -sangeetarahuldhiman@gmail.com - Skype: live:sangeetarahuldhiman -Whatsapp: +917009811712
Checkout Some Free Sections Here

Made4uo-Ribe
Shopify Partner
8730 2087 2559

Hi @Mahad871 

Would you mind sharing your store URL? Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

Mahad871
Shopify Partner
5 0 1

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).

Mahad871_0-1727217167688.png

 

Arif_Shopidevs
Shopify Partner
263 37 36

@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

Arif_Shopidevs_0-1727222611778.png


thank you

Found it helpful? Please like and mark the solution that helped you.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers
Mahad871
Shopify Partner
5 0 1

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