Move breadcrumbs in debut theme

Solved
Mareka
Trailblazer
210 1 27

Hi All,

I would like to move my breadcrumbs higher up on my product page. Can anybody advise how I can do this please.

Inkedbreadcrumb2_LI.jpg

0 Likes
Michal17
Shopify Partner
820 73 147

Hi @Mareka 

Sincerely hope you're having a great day!

I've read your problem and before providing a solution, would like to analyze your website. Then, I will provide a solution to you up here - on the forum.

Could you share your website URL? And if your website is password protected then also provide a password?

0 Likes
Mareka
Trailblazer
210 1 27

Hi,

Website is www.treasureknot.com

Thanks.

 

0 Likes
Michael_Pink
Navigator
296 51 65

HI @Mareka 
You can try follow this path:
Themes => edit code => asset => theme.scss.liquid
and add this code to bottom of the file theme.scss.liquid

.template-product .main-content {
padding-top: 10px;
}

 

My life is sharing.
I hope my solution can help you save at least 1$
Build Page faster with PageFly PageBuilder App.
shopify.expert.team@gmail.com
0 Likes
Mareka
Trailblazer
210 1 27

Hi, 

That worked but I want more space between the breadcrumbs & the product title please.

0 Likes
Michal17
Shopify Partner
820 73 147

This is an accepted solution.

Hi @Mareka 

Hope you're having a great day!

Please, follow this path:
Themes > Edit code > assets > theme.scss.liquid
and add this code to bottom of the file theme.scss.liquid

 

nav.breadcrumb {
    padding-bottom: 25px;
}

 

If you are not satisfied with the space that the above code will generate, then you can appropriately increase the space by increasing the number 25 in the code.

 

Mareka
Trailblazer
210 1 27

thank you very much

0 Likes
Michal17
Shopify Partner
820 73 147

Hi @Mareka 

Hope you're having a great day!

You're welcome. Always happy to help.

0 Likes