Re: Margin issue on collection page

How to resolve margin issue hiding product prices on collection page?

ym24
Excursionist
50 0 11

If you scroll down, you will see my last products are hidden by the black bar so the prices are not showing. How to fix this?

IMG_4163 (2).png

Replies 7 (7)

AvadaCommerce
Shopify Partner
3879 839 973

Hi @ym24 

 

I believe you can contact your theme provider for help. They will have a developer adjust this for you 🙂

banned

KetanKumar
Shopify Partner
36932 3642 11997

@ym24 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ym24
Excursionist
50 0 11

shopoatful.com

KetanKumar
Shopify Partner
36932 3642 11997

@ym24 

1. Go to Online Store->Theme->Edit code
2. Asset->/style.css ->paste below code at the bottom of the file.

footer.site-footer {margin-top: 50px;}

can you try this code

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ym24
Excursionist
50 0 11

But now there is a black line that came out.. How to remove thisScreen Shot 2022-03-08 at 12.28.08 AM.png

LitCommerce
Astronaut
2860 684 745

Hi @ym24,

Please add code CSS:

.template-collection .main-content:after{
	border: none !important;
}

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

ym24
Excursionist
50 0 11