Solved

Hide Breadcrumb links on mobile?

vivame
Explorer
74 0 8

Hi, can anyone tell me what code I would need to hide breadcrumb links on mobile but display them on desktop? I am using Turbo theme.

Accepted Solution (1)
Kinjaldavra
Shopify Partner
2302 570 1423

This is an accepted solution.

hello @vivame 

 please Go to Online Store-> Theme->Edit code then go to assets/theme.css ->paste the below code at the top of the file.

 

@media only screen and (max-width: 749px){
.breadcrumb__wrapper{
        display: none;
}
}

 

 

View solution in original post

Replies 2 (2)

dmwwebartisan
Shopify Partner
12289 2547 3698

@vivame 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Kinjaldavra
Shopify Partner
2302 570 1423

This is an accepted solution.

hello @vivame 

 please Go to Online Store-> Theme->Edit code then go to assets/theme.css ->paste the below code at the top of the file.

 

@media only screen and (max-width: 749px){
.breadcrumb__wrapper{
        display: none;
}
}