How to eliminate the space between breadcrumb and product?

[mahasobhi047]

How Can I Remove The Spac E Between Breadcrumb And Product

[Artzen_tech]

Hello @mahasobhi047 
Its Artzen Technologies! We will be happy to help you today.

PLEASE SEND ME YOUR STORE URL

Let me know if need further assistance
Regards,
Artzen Technologies

[mahasobhi047]

https://buy4lessus.com/

[Artzen_tech]

Hello @mahasobhi047 
Its Artzen Technologies! We will be happy to help you today.

Follow the Below Steps:
1) Go to your Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following CSS at the bottom of the file above </body>

<style>
.template-product .breadcrumbs{
    margin-bottom: 40px!important;
}
</style>​

AFTER ADDING ABOVE CSS THE RESULT:

Let me know if need further assistance
Regards,
Artzen Technologies

[INA_MSWEB · Accepted solution]

Hi @mahasobhi047 

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the style.css file:

.ltn__breadcrumb-area {margin-bottom: 50px !important;}

Regards,

San

[Dan-From-Ryviu]

Hi @mahasobhi047 

You can add this code to theme.liquid file before </head> 

<style>
.breadcrumbs { margin-bottom: 20px !important; }
</style>

 

[Shane_h]

Hi Dan so i have done this on our charge theme @ this URL https://kitout-fitness.co.uk/collections/women  and set it at various points 0, 10, 20  it will increase over about 40 but wont go below that i wonder if you have any suggestions for this please thanks shane 

[Dan-From-Ryviu]

Please add this code to Custom CSS of your theme settings 

@media (min-width: 750px) {
    :is(.spaced-section) {
        margin-top: .5rem !important;
    }
}

[Shane_h]

perfect thank you Dan

regards shane