Breadcrumb is hidden when its in mobile view and make huge white space

Hi,

I need your help.
I have set the header title section of shop / categoy pages like as:
-No title is shown
– header space: small
– use promo-banner for title section.

View of desktop is fine, but it becomes mobile and tablet, the breadcrumb is hidden and make a huse space. I want to show the breadcrumb correctly in tablet and mobile.
Please advice.

Thanks in advance

Attachments:

You must be logged in to view attached files.

Hi,

Please, provide us your admin access so we can check it.

Regards

Hi,

Please refer the private contents section.
I wonder I need to add display inline or block for breadcrumbs?

Thank you for your help!

Hello,

Try to add this code to Custom CSS for mobile devices area in Theme Settings to fix this issue

.offcanvas-sidebar-mobile .shop-content-area:not(.col-sm-12) .woocommerce-breadcrumb {
    width:100%!important;
}

Regards

Hi,

Thank you for your help.
After I pasted your code, the issue is resloved.
Please close the case.

Thank you

You are welcome!

[Author]

Posts