Reduce Padding Collection TItle - Enterprise Theme

[nujwaan]

Hi there,

I am moving our website to the Enterprise theme but the collection page is driving me nuts!

The Collection Title Banner is so big and creates so much gap above and below it. As you can see below the big gap between the menu and the title and then between the collection description to the top of the products.

I've tried messing about in the main.css and the main.collection-banner.liquid files but to no help.

Can anyone help me reduce this? I really want to get to a much more compact design so that the products are more visible. The new template for the site is not published at the moment as it is not finished and so can't share a live link.

Thank you!

[namphan]

Hi @nujwaan,

Please send the website link, I will check it for you

[nujwaan]

I can't send a link at the moment as it is in Preview mode. I have another template running my website and we have a lot of customers online so I can't publish this one

[namphan]

Hi @nujwaan,

You can send it as preview link. 

I will check it.

[nujwaan]

ah ok sorry the link for preview is: https://jkuq0z6vq0hzyqfw-21048721472.shopifypreview.com

[namphan · Accepted solution]

Hi @nujwaan,

Please go to Actions > Edit code > Assets > main.css file and paste this at the bottom of the file:

.cc-collection-banner.section--template {
    margin-top: 2rem;
    margin-bottom: 0rem;
}

[nujwaan]

Amazing thank you so much! 🙂

[nujwaan]

How would I reduce the gap after the collection description as well please?

[namphan]

Hi @nujwaan,

Please add code:

.cc-collection-products.section--template {
    margin-top: 2rem;
}

[nujwaan]

Amazing you are such a wonderful help! I can't thank you enough

[namphan]

Hi @nujwaan,

You're welcome and happy to help 😊

[suyash1]

@nujwaan Can you please share this page link?

[DaisyVo]

Hi @nujwaan 

Could you please share the store link so we can check it further?

Looking forward to hearing from you soon. Thank you!

Best,
Daisy - Avada Support Team.

[nujwaan]

ah ok sorry the link for preview is: https://jkuq0z6vq0hzyqfw-21048721472.shopifypreview.com

[nujwaan]

If you then navigate to https://www.longforte.com/collections/valentines-day-2024 you will see this page