Breadcrumbs not showing up in mobile and tablet version

Hi,

I just noted that the breadcrumb is not showing up in the mobile and tablet version of my website, although it’s fine in the desktop version.

Take a look at this product: https://www.neretumdolcesalato.com/shop/taralli/scaldatelle-al-finocchio/

I tried to look in the Basel theme settings but I wasn’t able to find something helpful.

How can I solve this?

Hello,

The breadcrumbs do not have space enough on mobile that is why they are hidden.

I can give you custom CSS, however, breadcrumbs would not look good on mobile.

You can try this code:

@media (max-width: 991px){
body .single-breadcrumbs-wrapper .woocommerce-breadcrumb, 
body .single-breadcrumbs-wrapper .yoast-breadcrumb {
    display: inline-block;
}
}

Please insert the code into the Theme Settigns > Custom CSS > General.

Best Regards

[Author]

Posts