How to resolve product card display issue on my website?

Solved

How to resolve product card display issue on my website?

Ecomowner
Excursionist
30 3 2

Some of my products cards are cutting into the product card above theme.

Below you can see the headphone mask cut into the above product card. 

The second image shows the same with the eye massager cutting into the product card above it as well.

 

Anyone know how to fix this issue.

 

 

screenshot (1).jpg

 

 

screenshot-_2_ (1).jpg

Accepted Solution (1)
Ecomowner
Excursionist
30 3 2

This is an accepted solution.

It worked thank you

View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
5396 1458 1744

Hey @Ecomowner 

 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


Ecomowner
Excursionist
30 3 2

xpressavenue.com

 

Moeed
Shopify Partner
5396 1458 1744

Hey @Ecomowner 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
li.grid__item.scroll-trigger.animate--slide-in {
    padding: 7px !important;
}
</style>

RESULT:

Moeed_0-1697054781378.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


Ecomowner
Excursionist
30 3 2

This is an accepted solution.

It worked thank you