Have your say in Community Polls: What was/is your greatest motivation to start your own business?

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

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.

Made4uo-Ribe
Shopify Partner
9085 2172 2680

Hi @Mahad871 

Would you mind sharing your store URL? Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

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 ?