Question About Breadcrumbs

Hello! I want breadcrumbs to show up on mobile devices. Currently, there are only the arrows even though I had enabled Breadcrumbs on my website. The breadcrumbs show up on the desktop or laptop. Is there a way for them to show up on mobile? Thank you!

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

/*to show breadcrumbs on mobile*/
@media (max-width: 991px){
body .single-breadcrumbs-wrapper .woocommerce-breadcrumb, .single-breadcrumbs-wrapper .yoast-breadcrumb {
    display: block;
	}
}

Best Regards

Hi Elise. Thank you so much for this. I am having a bit of a problem though. The arrows are still there with the breadcrumbs on my mobile devices. I copied and pasted the code that you sent to me in an emaiL but it didn’t work. The arrows are there with the breadcrumbs. The screenshot is attached. Is there any way to get rid of the arrows?

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

Remove the code you have inserted, copy and paste the code from the forum.

Add this code to remove the arrows:

body .basel-products-nav {
    display:none;
}
body .basel-back-btn {
    display:none;
}

Best Regards

Yipeeee!!! Thanks, Elise!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts