Hide breadcrumbs on mobile in Palo Alto

Store Design
1

Hi,

Is there a way to hide the breadcrumbs in Palo Alto on the product pages - for mobile only? There is an option to remove them all together but I think they add value on the desktop version of my site. However, on the mobile pages (especially the product pages) they take up a lot of space and I’d like to hide them.

Thanks, Nick

1 Like
2

Hello @nickadl
Go to online store ----> themes ----> actions ----> edit code ---->theme.css
add this code at the end of the file and save.

@media screen and (max-width: 749px) {
nav.breadcrumbs {
display: none !important;
}
}

If this was helpful, hit the like button and accept the solution.
Thanks

1 Like
3

Hello @nickadl
Please share your store URL and password.
So that I will check and let you know the exact solution here.

4

Hey @nickadl

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1728468168051.png
Moeed_0-1728468168051.png368×659 46 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed